fix: multi word component lint errors

Author: davidstackio

playground/nuxt.config.ts

@@ -10,6 +10,7 @@ export default defineNuxtConfig({
       primary: [
         { text: 'Home', to: '/' },
         { text: 'About', to: '/about' },
+        { text: 'Test', to: '/test' },
         { text: 'External', href: 'https://nuxtify.dev', openInNew: true },
       ],
       secondary: [

src/module.ts

@@ -111,7 +111,7 @@ export default defineNuxtModule<ModuleOptions>({
 
     // Layouts
     addLayout({
-      src: resolver.resolve('runtime/layouts/default.vue'),
+      src: resolver.resolve('runtime/layouts/DefaultLayout.vue'),
     }, 'default')
 
     // Components
@@ -128,17 +128,17 @@ export default defineNuxtModule<ModuleOptions>({
     // Pages
     extendPages((pages) => {
       // Index
-      pages.push({
+      pages.unshift({
         name: 'index',
         path: '/',
-        file: resolver.resolve('runtime/pages/index.vue'),
+        file: resolver.resolve('runtime/pages/IndexPage.vue'),
       })
 
       // Dynamic slug
-      pages.push({
+      pages.unshift({
         name: 'slug',
         path: '/:slug',
-        file: resolver.resolve('runtime/pages/[slug].vue'),
+        file: resolver.resolve('runtime/pages/DynamicSlug.vue'),
       })
     })
 

src/runtime/layouts/default.vue renamed to src/runtime/layouts/DefaultLayout.vue

@@ -1,4 +1,3 @@
-<!-- eslint-disable vue/multi-word-component-names -->
 <script setup lang="ts">
 import { useDisplay, useNuxtifyConfig } from '#imports'
 

src/runtime/pages/[slug].vue renamed to src/runtime/pages/DynamicSlug.vue

@@ -1,4 +1,3 @@
-<!-- eslint-disable vue/multi-word-component-names -->
 <script setup lang="ts">
 import { useRoute, capitalizeFirstLetter } from '#imports'
 

src/runtime/pages/index.vue renamed to src/runtime/pages/IndexPage.vue

@@ -1,4 +1,3 @@
-<!-- eslint-disable vue/multi-word-component-names -->
 <script setup lang="ts">
 import { useServerSeoMeta, useNuxtifyConfig } from '#imports'