Skip to content

Commit 89bcb34

Browse files
sfxcodesfxcode
committed
chore(linting): add nuxt linting rules
1 parent 2cbb323 commit 89bcb34

File tree

14 files changed

+59
-40
lines changed

14 files changed

+59
-40
lines changed

‎app/assets/sass/sidebar.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
$item-line-height: 18px,
99
$item-padding: 8px 14px,
1010
$icon-height: 32px,
11-
$icon-width: 32px,
11+
$icon-width: 32px
1212
);
1313

1414
.v-sidebar-menu hr {

‎app/components/AdvertiseBox.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ defineProps({
1717

1818
<template>
1919
<div class="mb-4 px-5">
20-
<span class="shadow-2 mb-1 inline-block p-3" style="border-radius: 10px">
20+
<span class="shadow-2 mb-1 p-3 inline-block" style="border-radius: 10px">
2121
<span :class="`text-2xl text-${color} i-${icon}`" />
2222
</span>
2323
<div :class="`mb-3 text-2xl text-${color}`">

‎app/components/app/AppColorMode.vue‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -19,11 +19,11 @@ watchEffect(() => mode.value = state.value)
1919
<div>
2020
<client-only>
2121
<Button @click="next()">
22-
<i v-if="mode === 'dark'" i-carbon-moon inline-block align-middle class="align-middle" />
23-
<i v-if="mode === 'light'" i-carbon-sun inline-block align-middle class="align-middle" />
24-
<i v-if="mode === 'cafe'" i-carbon-cafe inline-block align-middle class="align-middle" />
25-
<i v-if="mode === 'contrast'" i-carbon-contrast inline-block align-middle class="align-middle" />
26-
<i v-if="mode === 'auto'" i-carbon-laptop inline-block align-middle class="align-middle" />
22+
<i v-if="mode === 'dark'" i-carbon-moon align-middle inline-block class="align-middle" />
23+
<i v-if="mode === 'light'" i-carbon-sun align-middle inline-block class="align-middle" />
24+
<i v-if="mode === 'cafe'" i-carbon-cafe align-middle inline-block class="align-middle" />
25+
<i v-if="mode === 'contrast'" i-carbon-contrast align-middle inline-block class="align-middle" />
26+
<i v-if="mode === 'auto'" i-carbon-laptop align-middle inline-block class="align-middle" />
2727
<span class="ml-2 capitalize">{{ mode }}</span>
2828
</Button>
2929
</client-only>

‎app/components/app/AppFooter.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ const config = useRuntimeConfig()
44

55
<template>
66
<div class="layout-footer mt-4">
7-
<span class="ml-2 font-medium">{{ config.public.APP_NAME }} - {{ config.public.APP_VERSION }}</span>
7+
<span class="font-medium ml-2">{{ config.public.APP_NAME }} - {{ config.public.APP_VERSION }}</span>
88
</div>
99
</template>
1010

‎app/components/app/AppSidebar.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -51,7 +51,7 @@ onMounted(() => {
5151
</div>
5252
</template>
5353
<template #footer>
54-
<div class="m-2 text-center text-xs text-color-primary">
54+
<div class="text-xs text-color-primary m-2 text-center">
5555
<span v-if="!collapsed">PrimeVue-Nuxt Starter {{ config.public.APP_VERSION }}</span>
5656
<span v-if="collapsed">{{ config.public.APP_VERSION }}</span>
5757
</div>

‎app/pages/404.vue‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,15 +7,15 @@ const router = useRouter()
77
<div class="col-12 mt-10 text-center">
88
<img src="/nuxt-logo.svg" alt="Nuxt logo" class="mb-5" style="width:81px; height:60px;">
99
</div>
10-
<main class="px-4 py-10 text-center text-8xl text-teal-700">
10+
<main class="text-8xl text-teal-700 px-4 py-10 text-center">
1111
<div>
1212
<p class="text-8xl text-red-600">
1313
<span class="i-codicon-error inline-block" />
1414
</p>
1515
</div>
1616
</main>
1717
<div style="alignment: center">
18-
<h1 class="text-center text-2xl text-5xl font-bold">
18+
<h1 class="text-2xl text-5xl font-bold text-center">
1919
Page not found ...
2020
</h1>
2121
<div class="col-12 mt-5 text-center">

‎app/pages/data/server.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ const count = useCounter()
1010
<PageView />
1111
<h2>Counter (useState)</h2>
1212

13-
<div class="grid grid-cols-3 mt-8 w-80">
13+
<div class="mt-8 grid grid-cols-3 w-80">
1414
<Button icon="pi pi-plus" class="p-button-rounded p-button-info" @click="count.inc()" />
1515
<span class="text-4xl">{{ count.count }}</span>
1616
<Button icon="pi pi-minus" class="p-button-rounded p-button-success" @click="count.dec()" />

‎app/pages/index.vue‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,15 +4,15 @@ import AdvertiseBox from '@/components/AdvertiseBox.vue'
44

55
<template>
66
<div class="card surface-0 text-center">
7-
<div class="mb-3 text-4xl font-bold">
7+
<div class="text-4xl font-bold mb-3">
88
<span class="text-green-600">PrimeVue </span>
99
<span class="text-blue-400"> & TypeScript</span>
1010
<span class="text-green-400"> & Nuxt 3</span>
1111
</div>
12-
<h2 class="pb-6 text-2xl">
12+
<h2 class="text-2xl pb-6">
1313
Starter for Vue.js Development with Nuxt 3.
1414
</h2>
15-
<div class="grid grid-cols-2 gap-2 lg:grid-cols-3">
15+
<div class="gap-2 grid grid-cols-2 lg:grid-cols-3">
1616
<AdvertiseBox header="PrimeVue 4.2.x" icon="prime-check-circle" color="green-600">
1717
Excellent <ExternalLink href="https://github.com/sfxcode/formkit-primevue" text="Component Library" /> for VUE
1818
</AdvertiseBox>

‎app/pages/ui/icons.vue‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -7,19 +7,19 @@
77
<h2>Icons by UnoCSS</h2>
88
<div class="i-logos-vue text-6xl" />
99
<h3>Iconset: MDI</h3>
10-
<div class="grid grid-cols-3 mt-6">
10+
<div class="mt-6 grid grid-cols-3">
1111
<div class="i-mdi-information text-green-600-500-500 text-4xl" />
1212
<div class="i-mdi-alarm text-4xl text-blue-500" />
1313
<div class="i-mdi-github-circle text-4xl text-purple-500" />
1414
</div>
1515
<h3>Iconset: TWEMOJI</h3>
16-
<div class="grid grid-cols-3 mt-6">
16+
<div class="mt-6 grid grid-cols-3">
1717
<div class="i-twemoji-1st-place-medal text-4xl" />
1818
<div class="i-twemoji-2nd-place-medal text-4xl" />
1919
<div class="i-twemoji-3rd-place-medal text-4xl" />
2020
</div>
2121
<h3>Iconset: Prime</h3>
22-
<div class="grid grid-cols-3 mt-6">
22+
<div class="mt-6 grid grid-cols-3">
2323
<div class="i-prime-home text-4xl" />
2424
<div class="i-prime-comments text-4xl text-green-400" />
2525
<div class="i-prime-check-circle" />

‎app/pages/ui/uno.vue‎

Lines changed: 7 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -5,20 +5,17 @@ const config = useRuntimeConfig()
55
<template>
66
<div class="card">
77
<h2>UnoCSS</h2>
8-
<div h-full flex select-none text-center all:transition-400>
8+
<div text-center flex h-full select-none all:transition-400>
99
<div ma>
10-
<div animate-5s animate-bounce-alt animate-count-infinite text-6xl font-bold fw100>
10+
<div animate-5s text-6xl font-bold fw100 animate-bounce-alt animate-count-infinite>
1111
unocss
1212
</div>
13-
<div m1 text-lg fw300 dark:op30>
13+
<div text-lg fw300 m1 dark:op30>
1414
The instant on-demand Atomic CSS engine.
1515
</div>
1616
<div
17-
m2
18-
flex
19-
justify-center
20-
text-2xl
21-
dark:op30
17+
18+
text-2xl m2 flex justify-center dark:op30
2219
hover="op80"
2320
>
2421
<a
@@ -32,7 +29,7 @@ const config = useRuntimeConfig()
3229
</div>
3330
<div
3431
35-
bottom-5 left-0 right-0 text-center fw300 dark:op30
32+
fw300 text-center bottom-5 left-0 right-0 dark:op30
3633
>
3734
on-demand · instant · fully customizable
3835
</div>
@@ -48,7 +45,7 @@ const config = useRuntimeConfig()
4845
<a href="../__unocss" target="_blank">
4946
<div class="i-mdi-information text-green-600-500-500 text-4xl" />
5047
</a>
51-
<article class="pt-4 text-base prose prose-truegray xl:text-xl">
48+
<article class="prose-truegray text-base pt-4 prose xl:text-xl">
5249
View, play and analyse rules and setup ...
5350
</article>
5451
</div>

0 commit comments

Comments
 (0)