Nuxt: Difference between revisions

From bibbleWiki
Jump to navigation Jump to search
Created page with "=Whirlwind Tour= ==nuxt.config== Where your modules go e.g. eslint ==Hello World== All starts in App.Vue <syntaxhighlight lang="vue"> <template> <div> <div>Hello World</div> </div> </template> </syntaxhighlight> And to run it uses port 3000 <syntaxhighlight lang="bash"> npm run dev </syntaxhighlight> ==ESLint== This is how he did it in nuxt.config.ts <syntaxhighlight lang="tsc"> export default defineNuxtConfig({ modules: ['@nuxt/eslint'], devtools: { enabled:..."
 
Line 17: Line 17:
==ESLint==
==ESLint==
This is how he did it in nuxt.config.ts
This is how he did it in nuxt.config.ts
<syntaxhighlight lang="tsc">
<syntaxhighlight lang="ts">
export default defineNuxtConfig({
export default defineNuxtConfig({
   modules: ['@nuxt/eslint'],
   modules: ['@nuxt/eslint'],

Revision as of 02:09, 19 June 2025

Whirlwind Tour

nuxt.config

Where your modules go e.g. eslint

Hello World

All starts in App.Vue

<template>
  <div>
    <div>Hello World</div>
  </div>
</template>

And to run it uses port 3000

npm run dev

ESLint

This is how he did it in nuxt.config.ts

export default defineNuxtConfig({
  modules: ['@nuxt/eslint'],
  devtools: { enabled: true },
  compatibilityDate: '2025-05-15',
  eslint: {
    config: {
      stylistic: {
        semi: false,
        quotes: 'double',
        commaDangle: 'always-multiline',
        indent: 2,
      },
    },
  },
})