diff --git a/apps/vue-storybook/package.json b/apps/vue-storybook/package.json
index db8e6a9d..09e1f3e8 100644
--- a/apps/vue-storybook/package.json
+++ b/apps/vue-storybook/package.json
@@ -14,8 +14,10 @@
     "build": "storybook build -c .storybook -o storybook_compiled",
     "percy": "percy storybook http://localhost:6006",
     "percy:dry-run": "percy storybook http://localhost:6006 --dry-run",
-    "lint": "eslint ./stories",
-    "lint:fix": "eslint ./stories --fix",
+    "lint:app": "eslint './.storybook/**/*.@(js|ts)'",
+    "lint:app:fix": "eslint './.storybook/**/*.@(js|ts)' --fix",
+    "lint": "eslint './../../packages/vue/src/**/*.stories.@(js|ts|mdx)' && pnpm lint:app",
+    "lint:fix": "eslint './../../packages/vue/src/**/*.stories.@(js|ts|mdx)' --fix && pnpm lint:app:fix",
     "init-msw": "msw init public/"
   },
   "dependencies": {
diff --git a/packages/configs/eslint/index.js b/packages/configs/eslint/index.js
index c4ce7f6b..6a40a662 100644
--- a/packages/configs/eslint/index.js
+++ b/packages/configs/eslint/index.js
@@ -20,7 +20,7 @@ const __dirname = path.dirname(__filename)
 const compat = new FlatCompat({
   baseDirectory: __dirname,
   recommendedConfig: {}, // Add recommendedConfig property
-  allConfig: {}, // Add allConfig property
+  allConfig: {} // Add allConfig property
 })
 
 export default [
@@ -37,29 +37,22 @@ export default [
       '**/*.ts',
       '**/*.tsx',
       '**/*.cts',
-      '**/*.mts',
-    ],
-    ignores: [
-      '**/*.d.ts',
-      '**/dist/**/*',
-      '**/dist/**/*',
-      '**/.nuxt/*',
-      '**/node_modules/**/*',
-      '.gitignore',
+      '**/*.mts'
     ],
+    ignores: ['**/*.d.ts', '**/dist/**/*', '**/.nuxt/*', '**/node_modules/**/*', '.gitignore'],
     plugins: {
       '@typescript-eslint': tsPlugin,
-      '@stylistic': stylistic,
+      '@stylistic': stylistic
     },
     languageOptions: {
       parser: vueParser,
       parserOptions: {
-        parser: tsParser,
+        parser: tsParser
       },
-      ecmaVersion: 'latest',
+      ecmaVersion: 'latest'
     },
     rules: {
-      'semi': 'off',
+      semi: 'off',
       '@stylistic/semi': ['warn', 'never'],
       // allow async-await
       'generator-star-spacing': 'off',
@@ -69,7 +62,7 @@ export default [
       'no-void': 'off',
       'multiline-ternary': 'off',
       'no-unused-vars': 'warn',
-      
+
       'no-undef': 'warn',
 
       'prefer-promise-reject-errors': 'off',
@@ -78,11 +71,7 @@ export default [
       'vue/multi-word-component-names': 'warn',
 
       // TypeScript
-      quotes: [
-        'warn',
-        'single',
-        { avoidEscape: true, allowTemplateLiterals: true },
-      ],
+      quotes: ['warn', 'single', { avoidEscape: true, allowTemplateLiterals: true }],
       '@typescript-eslint/explicit-function-return-type': 'off',
       '@typescript-eslint/explicit-module-boundary-types': 'off',
       '@typescript-eslint/no-unnecessary-type-assertion': 'off',
@@ -98,8 +87,8 @@ export default [
       'storybook/prefer-pascal-case': 'off',
       'storybook/story-exports': 'off',
       'vue/singleline-html-element-content-newline': 'off',
-      'vue/max-attributes-per-line': 'off',
-    },
+      'vue/max-attributes-per-line': 'off'
+    }
   },
-  eslintPluginPrettierRecommended,
+  eslintPluginPrettierRecommended
 ]
diff --git a/packages/configs/eslint/package.json b/packages/configs/eslint/package.json
index 7a7c9819..1bbf4299 100644
--- a/packages/configs/eslint/package.json
+++ b/packages/configs/eslint/package.json
@@ -8,6 +8,7 @@
   "publishConfig": {
     "access": "public"
   },
+  "prettier": "@explorer-1/prettier-config",
   "devDependencies": {
     "@eslint/eslintrc": "^3.1.0",
     "@eslint/js": "^9.3.0",
@@ -21,4 +22,4 @@
     "eslint-plugin-vue": "^9.26.0",
     "vue-eslint-parser": "^9.4.2"
   }
-}
\ No newline at end of file
+}
diff --git a/packages/nuxt/playground/app.vue b/packages/nuxt/playground/app.vue
index 36b48e0f..c067693a 100644
--- a/packages/nuxt/playground/app.vue
+++ b/packages/nuxt/playground/app.vue
@@ -2,80 +2,87 @@
   <div class="relative">
     <base-heading size="h1">Nuxt Module Playground</base-heading>
     <div class="text-center mb-3">
-      <base-button variant="primary">
-        Button component
-      </base-button>
+      <base-button variant="primary"> Button component </base-button>
     </div>
-    <block-image class="relative" :data="BlockImageData" />
+    <block-image
+      class="relative"
+      :data="BlockImageData"
+    />
     <p>This is a paragraph, not a component.</p>
-    <hero-media :image="{
-      url: 'https://picsum.photos/1440/620',
-      width: 1440,
-      height: 620
-    }" />
-    <detail-headline title="NASA's Ingenuity Mars Helicopter Recharges Its Batteries in Flight" publication-date="2020-08-13" :topics="[
-      {
-        title: 'Mars',
-        url: '/topics/mars'
-      },
-      {
-        title: 'Rover',
-        url: '/topics/rover'
-      }
-    ]" />
+    <hero-media
+      :image="{
+        url: 'https://picsum.photos/1440/620',
+        width: 1440,
+        height: 620
+      }"
+    />
+    <detail-headline
+      title="NASA's Ingenuity Mars Helicopter Recharges Its Batteries in Flight"
+      publication-date="2020-08-13"
+      :topics="[
+        {
+          title: 'Mars',
+          url: '/topics/mars'
+        },
+        {
+          title: 'Rover',
+          url: '/topics/rover'
+        }
+      ]"
+    />
     <mission-detail-highlights
       :animation="true"
       heading="Heading"
       mission-title="UAD"
       :highlights="[
-    {
-      date: '1983-01-21',
-      heading: 'Launch',
-      highlightLink: {
-        externalLink: null,
-        page: {
-          title: 'Color Picture from Spirit is Most Detailed View of Mars Ever Seen',
-          url: '/news/from-russia-with-grace/'
-        }
-      },
-      summary: 'A successful launch happened.'
-    },
-    {
-      date: '1983-06-08',
-      heading: null,
-      highlightLink: {
-        externalLink: null,
-        page: {
-          title: 'Color Picture from Spirit is Most Detailed View of Mars Ever Seen',
-          url: '/news/from-russia-with-grace/'
+        {
+          date: '1983-01-21',
+          heading: 'Launch',
+          highlightLink: {
+            externalLink: null,
+            page: {
+              title: 'Color Picture from Spirit is Most Detailed View of Mars Ever Seen',
+              url: '/news/from-russia-with-grace/'
+            }
+          },
+          summary: 'A successful launch happened.'
+        },
+        {
+          date: '1983-06-08',
+          heading: null,
+          highlightLink: {
+            externalLink: null,
+            page: {
+              title: 'Color Picture from Spirit is Most Detailed View of Mars Ever Seen',
+              url: '/news/from-russia-with-grace/'
+            }
+          },
+          summary: null
+        },
+        {
+          date: '1983-11-21',
+          heading: 'End of mission',
+          highlightLink: {
+            externalLink: 'https://www.nasa.gov',
+            page: null
+          },
+          summary:
+            'Following a 10-month-long mission, the space telescope exhausts its cryogen and ceases operations.'
         }
-      },
-      summary: null
-    },
-    {
-      date: '1983-11-21',
-      heading: 'End of mission',
-      highlightLink: {
-        externalLink: 'https://www.nasa.gov',
-        page: null
-      },
-      summary:
-        'Following a 10-month-long mission, the space telescope exhausts its cryogen and ceases operations.'
-    }
-  ]"
+      ]"
+    />
+    <block-cta
+      :data="{
+        heading: 'Call to action',
+        text: 'CTA',
+        page: '',
+        externalLink: 'http://www.jpl.nasa.gov'
+      }"
     />
-    <block-cta :data="{
-      heading: 'Call to action',
-      text: 'CTA',
-      page: '',
-      externalLink: 'http://www.jpl.nasa.gov'
-    }" />
-
   </div>
 </template>
 
 <script setup>
-
 const BlockImageData = {
   blockType: 'FullBleedImageBlock',
   fullBleed: false,
diff --git a/packages/nuxt/playground/eslint.config.mjs b/packages/nuxt/playground/eslint.config.mjs
new file mode 100644
index 00000000..cc1e31a0
--- /dev/null
+++ b/packages/nuxt/playground/eslint.config.mjs
@@ -0,0 +1,3 @@
+import withNuxt from './.nuxt/eslint.config.mjs'
+import config from '@explorer-1/eslint-config'
+export default withNuxt().prepend(config)
diff --git a/packages/nuxt/playground/nuxt.config.ts b/packages/nuxt/playground/nuxt.config.ts
index a44f788f..e14e014a 100644
--- a/packages/nuxt/playground/nuxt.config.ts
+++ b/packages/nuxt/playground/nuxt.config.ts
@@ -1,5 +1,5 @@
 export default defineNuxtConfig({
-  modules: ['../src/module'],
+  modules: ['@nuxt/eslint', '../src/module'],
   explorer1: {},
   devtools: { enabled: true }
 })
diff --git a/packages/nuxt/playground/package.json b/packages/nuxt/playground/package.json
index c048e6a6..3d89a4cc 100644
--- a/packages/nuxt/playground/package.json
+++ b/packages/nuxt/playground/package.json
@@ -2,12 +2,19 @@
   "private": true,
   "name": "my-module-playground",
   "type": "module",
+  "prettier": "@explorer-1/prettier-config",
   "scripts": {
     "dev": "nuxi dev",
     "build": "nuxi build",
-    "generate": "nuxi generate"
+    "generate": "nuxi generate",
+    "lint": "eslint",
+    "lint:fix": "eslint --fix"
   },
   "dependencies": {
     "nuxt": "^3.11.2"
+  },
+  "devDependencies": {
+    "@nuxt/eslint": "^0.3.13",
+    "@explorer-1/eslint-config": "workspace:*"
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index dafa831c..222a609d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -436,7 +436,7 @@ importers:
         version: 3.11.2(rollup@4.18.0)
       '@nuxt/test-utils':
         specifier: ^3.12.1
-        version: 3.13.1(h3@1.11.1)(nitropack@2.9.6(@opentelemetry/api@1.9.0)(encoding@0.1.13))(rollup@4.18.0)(vite@5.2.13(@types/node@20.14.2)(sass@1.77.4)(terser@5.31.1))(vue-router@4.3.3(vue@3.4.27(typescript@5.4.5)))(vue@3.4.27(typescript@5.4.5))
+        version: 3.13.1(h3@1.12.0)(nitropack@2.9.6(@opentelemetry/api@1.9.0)(encoding@0.1.13))(rollup@4.18.0)(vite@5.2.13(@types/node@20.14.2)(sass@1.77.4)(terser@5.31.1))(vue-router@4.3.3(vue@3.4.27(typescript@5.4.5)))(vue@3.4.27(typescript@5.4.5))
       '@types/node':
         specifier: ^20.12.11
         version: 20.14.2
@@ -4827,6 +4827,9 @@ packages:
   h3@1.11.1:
     resolution: {integrity: sha512-AbaH6IDnZN6nmbnJOH72y3c5Wwh9P97soSVdGSBbcDACRdkC0FEWf25pzx4f/NuOCK6quHmW18yF2Wx+G4Zi1A==}
 
+  h3@1.12.0:
+    resolution: {integrity: sha512-Zi/CcNeWBXDrFNlV0hUBJQR9F7a96RjMeAZweW/ZWkR9fuXrMcvKnSA63f/zZ9l0GgQOZDVHGvXivNN9PWOwhA==}
+
   handlebars@4.7.8:
     resolution: {integrity: sha512-vafaFqs8MZkRrSX7sFVUdo3ap/eNiLnb4IakshzvP56X5Nr1iGKAIqdX6tMlm6HcNRIkr6AxO5jFEoJzzpT8aQ==}
     engines: {node: '>=0.4.7'}
@@ -8250,6 +8253,9 @@ packages:
   vue-component-type-helpers@2.0.21:
     resolution: {integrity: sha512-3NaicyZ7N4B6cft4bfb7dOnPbE9CjLcx+6wZWAg5zwszfO4qXRh+U52dN5r5ZZfc6iMaxKCEcoH9CmxxoFZHLg==}
 
+  vue-component-type-helpers@2.0.22:
+    resolution: {integrity: sha512-gPr2Ba7efUwy/Vfbuf735bHSVdN4ycoZUCHfypkI33M9DUH+ieRblLLVM2eImccFYaWNWwEzURx02EgoXDBmaQ==}
+
   vue-demi@0.14.8:
     resolution: {integrity: sha512-Uuqnk9YE9SsWeReYqK2alDI5YzciATE0r2SkA6iMAtuXvNTMNACJLJEXNXaEy94ECuBe4Sk6RzRU80kjdbIo1Q==}
     engines: {node: '>=12'}
@@ -10024,7 +10030,7 @@ snapshots:
       - rollup
       - supports-color
 
-  '@nuxt/test-utils@3.13.1(h3@1.11.1)(nitropack@2.9.6(@opentelemetry/api@1.9.0)(encoding@0.1.13))(rollup@4.18.0)(vite@5.2.13(@types/node@20.14.2)(sass@1.77.4)(terser@5.31.1))(vue-router@4.3.3(vue@3.4.27(typescript@5.4.5)))(vue@3.4.27(typescript@5.4.5))':
+  '@nuxt/test-utils@3.13.1(h3@1.12.0)(nitropack@2.9.6(@opentelemetry/api@1.9.0)(encoding@0.1.13))(rollup@4.18.0)(vite@5.2.13(@types/node@20.14.2)(sass@1.77.4)(terser@5.31.1))(vue-router@4.3.3(vue@3.4.27(typescript@5.4.5)))(vue@3.4.27(typescript@5.4.5))':
     dependencies:
       '@nuxt/kit': 3.11.2(rollup@4.18.0)
       '@nuxt/schema': 3.11.2(rollup@4.18.0)
@@ -10036,7 +10042,7 @@ snapshots:
       execa: 8.0.1
       fake-indexeddb: 5.0.2
       get-port-please: 3.1.2
-      h3: 1.11.1
+      h3: 1.12.0
       local-pkg: 0.5.0
       magic-string: 0.30.10
       nitropack: 2.9.6(@opentelemetry/api@1.9.0)(encoding@0.1.13)
@@ -10051,7 +10057,7 @@ snapshots:
       unenv: 1.9.0
       unplugin: 1.10.1
       vite: 5.2.13(@types/node@20.14.2)(sass@1.77.4)(terser@5.31.1)
-      vitest-environment-nuxt: 1.0.0(h3@1.11.1)(nitropack@2.9.6(@opentelemetry/api@1.9.0)(encoding@0.1.13))(rollup@4.18.0)(vite@5.2.13(@types/node@20.14.2)(sass@1.77.4)(terser@5.31.1))(vue-router@4.3.3(vue@3.4.27(typescript@5.4.5)))(vue@3.4.27(typescript@5.4.5))
+      vitest-environment-nuxt: 1.0.0(h3@1.12.0)(nitropack@2.9.6(@opentelemetry/api@1.9.0)(encoding@0.1.13))(rollup@4.18.0)(vite@5.2.13(@types/node@20.14.2)(sass@1.77.4)(terser@5.31.1))(vue-router@4.3.3(vue@3.4.27(typescript@5.4.5)))(vue@3.4.27(typescript@5.4.5))
       vue: 3.4.27(typescript@5.4.5)
       vue-router: 4.3.3(vue@3.4.27(typescript@5.4.5))
     transitivePeerDependencies:
@@ -11434,7 +11440,7 @@ snapshots:
       ts-dedent: 2.2.0
       type-fest: 2.19.0
       vue: 3.4.27(typescript@5.4.5)
-      vue-component-type-helpers: 2.0.21
+      vue-component-type-helpers: 2.0.22
     transitivePeerDependencies:
       - encoding
       - prettier
@@ -14105,6 +14111,21 @@ snapshots:
     transitivePeerDependencies:
       - uWebSockets.js
 
+  h3@1.12.0:
+    dependencies:
+      cookie-es: 1.1.0
+      crossws: 0.2.4
+      defu: 6.1.4
+      destr: 2.0.3
+      iron-webcrypto: 1.2.1
+      ohash: 1.1.3
+      radix3: 1.1.2
+      ufo: 1.5.3
+      uncrypto: 0.1.3
+      unenv: 1.9.0
+    transitivePeerDependencies:
+      - uWebSockets.js
+
   handlebars@4.7.8:
     dependencies:
       minimist: 1.2.8
@@ -18087,9 +18108,9 @@ snapshots:
       sass: 1.77.4
       terser: 5.31.1
 
-  vitest-environment-nuxt@1.0.0(h3@1.11.1)(nitropack@2.9.6(@opentelemetry/api@1.9.0)(encoding@0.1.13))(rollup@4.18.0)(vite@5.2.13(@types/node@20.14.2)(sass@1.77.4)(terser@5.31.1))(vue-router@4.3.3(vue@3.4.27(typescript@5.4.5)))(vue@3.4.27(typescript@5.4.5)):
+  vitest-environment-nuxt@1.0.0(h3@1.12.0)(nitropack@2.9.6(@opentelemetry/api@1.9.0)(encoding@0.1.13))(rollup@4.18.0)(vite@5.2.13(@types/node@20.14.2)(sass@1.77.4)(terser@5.31.1))(vue-router@4.3.3(vue@3.4.27(typescript@5.4.5)))(vue@3.4.27(typescript@5.4.5)):
     dependencies:
-      '@nuxt/test-utils': 3.13.1(h3@1.11.1)(nitropack@2.9.6(@opentelemetry/api@1.9.0)(encoding@0.1.13))(rollup@4.18.0)(vite@5.2.13(@types/node@20.14.2)(sass@1.77.4)(terser@5.31.1))(vue-router@4.3.3(vue@3.4.27(typescript@5.4.5)))(vue@3.4.27(typescript@5.4.5))
+      '@nuxt/test-utils': 3.13.1(h3@1.12.0)(nitropack@2.9.6(@opentelemetry/api@1.9.0)(encoding@0.1.13))(rollup@4.18.0)(vite@5.2.13(@types/node@20.14.2)(sass@1.77.4)(terser@5.31.1))(vue-router@4.3.3(vue@3.4.27(typescript@5.4.5)))(vue@3.4.27(typescript@5.4.5))
     transitivePeerDependencies:
       - '@cucumber/cucumber'
       - '@jest/globals'
@@ -18149,6 +18170,8 @@ snapshots:
 
   vue-component-type-helpers@2.0.21: {}
 
+  vue-component-type-helpers@2.0.22: {}
+
   vue-demi@0.14.8(vue@3.4.27(typescript@5.4.5)):
     dependencies:
       vue: 3.4.27(typescript@5.4.5)