fix: linter

create/templates/component/vexample.vue

@@ -1,9 +1,3 @@
-<template>
-  <div class="v-example">
-    <slot />
-  </div>
-</template>
-
 <script lang="ts" setup>
 import { onMounted } from 'vue'
 
@@ -21,6 +15,12 @@ onMounted(() => {
 })
 </script>
 
+<template>
+  <div class="v-example">
+    <slot />
+  </div>
+</template>
+
 <style lang="scss">
 .v-example {
   /**

create/templates/module/stores/exampleActions.ts

@@ -6,7 +6,7 @@ const actions: Record<string, Function> = {
   /**
    * @param  {{commit:Function}} {commit}
    */
-  [types.EXAMPLE_REQUEST]: async({ commit }: { commit: Function }) => {
+  [types.EXAMPLE_REQUEST]: async ({ commit }: { commit: Function }) => {
     commit(types.EXAMPLE_REQUEST)
 
     try {

create/templates/module/views/exampleIndex.vue

@@ -1,7 +1,3 @@
-<template>
-  <div>Bismillah, Hello World!</div>
-</template>
-
 <script lang="ts" setup>
 import { onMounted } from 'vue'
 import { useStore } from 'vuex'
@@ -19,6 +15,10 @@ onMounted (() => {
 })
 </script>
 
+<template>
+  <div>Bismillah, Hello World!</div>
+</template>
+
 <style lang="scss" scoped>
   /**
    * DESC:

src/app.vue

@@ -1,7 +1,7 @@
-<template>
-  <VLayout />
-</template>
-
 <script lang="ts" setup>
 import { VLayout } from 'templates'
 </script>
+
+<template>
+  <VLayout />
+</template>

src/components/molecules/VFormItem/vformItem.vue

@@ -1,7 +1,17 @@
+<script lang="ts" setup>
+const props = defineProps({
+  error: {
+    type: Boolean,
+    required: true,
+    default: false,
+  },
+})
+</script>
+
 <template>
   <ElFormItem
     class="v-form-item"
-    :class="{'-error': error}"
+    :class="{ '-error': error }"
   >
     <slot />
 
@@ -16,16 +26,6 @@
   </ElFormItem>
 </template>
 
-<script lang="ts" setup>
-const props = defineProps({
-  error: {
-    type: Boolean,
-    required: true,
-    default: false,
-  },
-})
-</script>
-
 <style lang="scss">
 .v-form-item {
   &.-error {

src/components/templates/VLayout/vlayout.vue

@@ -1,10 +1,10 @@
+<script lang="ts" setup>
+import VNavbar from '../../organisms/VNavbar/vnavbar.vue'
+</script>
+
 <template>
   <div class="v-layout">
     <VNavbar />
     <RouterView />
   </div>
 </template>
-
-<script lang="ts" setup>
-import VNavbar from '../../organisms/VNavbar/vnavbar.vue'
-</script>

src/composable/useCommon.ts

@@ -2,7 +2,7 @@ import { useStore } from 'vuex'
 
 import { SET_TITLE } from '@/stores/Common/commonTypes'
 
-export default function(): any {
+export default function (): any {
   const store = useStore()
   const common = store.getters.common
   const setTitle = (title: string) => store.dispatch(SET_TITLE, title)

src/modules/About/views/about.vue

@@ -1,9 +1,3 @@
-<template>
-  <div class="text-center">
-    about
-  </div>
-</template>
-
 <script lang="ts" setup>
 import { onMounted } from 'vue'
 
@@ -15,3 +9,9 @@ onMounted(() => {
   setTitle('about')
 })
 </script>
+
+<template>
+  <div class="text-center">
+    about
+  </div>
+</template>

src/modules/Home/views/home.vue

@@ -1,31 +1,3 @@
-<template>
-  <div class="flex justify-center items-center flex-col">
-    <div>
-      {{ t('hello') }}
-      <CilGlobeAlt class="inline" />
-    </div>
-    <ElButton @click="toggleLocales">
-      👋
-    </ElButton>
-
-    <ElForm>
-      <VFormItem :error="v$.name.$error">
-        <ElInput
-          v-model="form.name"
-          placeholder="Name"
-          @input="v$.name.$touch"
-        />
-
-        <template #error>
-          <div v-if="v$.name.required.$invalid">
-            Name field is required
-          </div>
-        </template>
-      </VFormItem>
-    </ElForm>
-  </div>
-</template>
-
 <script lang="ts" setup>
 import {
   computed,
@@ -66,3 +38,31 @@ const formRules = computed(() => ({
 
 const v$ = useVuelidate(formRules, form)
 </script>
+
+<template>
+  <div class="flex justify-center items-center flex-col">
+    <div>
+      {{ t('hello') }}
+      <CilGlobeAlt class="inline" />
+    </div>
+    <ElButton @click="toggleLocales">
+      👋
+    </ElButton>
+
+    <ElForm>
+      <VFormItem :error="v$.name.$error">
+        <ElInput
+          v-model="form.name"
+          placeholder="Name"
+          @input="v$.name.$touch"
+        />
+
+        <template #error>
+          <div v-if="v$.name.required.$invalid">
+            Name field is required
+          </div>
+        </template>
+      </VFormItem>
+    </ElForm>
+  </div>
+</template>

src/stores/Common/index.ts

@@ -1,4 +1,3 @@
-
 import state from './commonState'
 import getters from './commonGetters'
 import mutations from './commonMutations'

src/typings/auto-imports.d.ts

@@ -1,7 +1,6 @@
 // Generated by 'unplugin-auto-import'
 export {}
 declare global {
-  const : typeof import('./components.d')['']
   const EffectScope: typeof import('vue')['EffectScope']
   const LANGUAGES: typeof import('../constants/index')['LANGUAGES']
   const SET_TITLE: typeof import('../stores/Common/commonTypes')['SET_TITLE']
@@ -95,7 +94,6 @@ declare global {
 import { UnwrapRef } from 'vue'
 declare module 'vue' {
   interface ComponentCustomProperties {
-    readonly : UnwrapRef<typeof import('./components.d')['']>
     readonly EffectScope: UnwrapRef<typeof import('vue')['EffectScope']>
     readonly LANGUAGES: UnwrapRef<typeof import('../constants/index')['LANGUAGES']>
     readonly SET_TITLE: UnwrapRef<typeof import('../stores/Common/commonTypes')['SET_TITLE']>

tsconfig.json

@@ -37,7 +37,7 @@
       "atoms": ["src/components/atoms"],
       "molecules": ["src/components/molecules"],
       "organisms": ["src/components/organisms"],
-      "templates": ["src/components/templates"],
+      "templates": ["src/components/templates"]
     },
 
     "plugins": [
@@ -50,7 +50,7 @@
   "include": [
     "src/**/*.ts",
     "src/**/*.d.ts",
-    "src/**/*.vue",
+    "src/**/*.vue"
   ],
 
   "exclude": [