Skip to content

Navigation Menu

Sign in

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Appearance settings

Commit 89bcb34

Browse filesBrowse files
sfxcodesfxcode
committed
chore(linting): add nuxt linting rules
1 parent 2cbb323 commit 89bcb34
Copy full SHA for 89bcb34

14 files changed

+59
-40
lines changed

‎app/assets/sass/sidebar.scss

Copy file name to clipboardExpand all lines: app/assets/sass/sidebar.scss
+1-1
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

Copy file name to clipboardExpand all lines: app/components/AdvertiseBox.vue
+1-1
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

Copy file name to clipboardExpand all lines: app/components/app/AppColorMode.vue
+5-5
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

Copy file name to clipboardExpand all lines: app/components/app/AppFooter.vue
+1-1
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

Copy file name to clipboardExpand all lines: app/components/app/AppSidebar.vue
+1-1
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

Copy file name to clipboardExpand all lines: app/pages/404.vue
+2-2
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

Copy file name to clipboardExpand all lines: app/pages/data/server.vue
+1-1
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

Copy file name to clipboardExpand all lines: app/pages/index.vue
+3-3
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

Copy file name to clipboardExpand all lines: app/pages/ui/icons.vue
+3-3
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

Copy file name to clipboardExpand all lines: app/pages/ui/uno.vue
+7-10
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>

‎eslint.config.js

Copy file name to clipboard
+7-6
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,11 @@
11
// @ts-check
22
import antfu from '@antfu/eslint-config'
3+
import nuxt from './.nuxt/eslint.config.mjs'
34

45
export default antfu(
5-
{
6-
unocss: true,
7-
formatters: true,
8-
pnpm: true,
9-
},
10-
)
6+
{
7+
unocss: true,
8+
formatters: true,
9+
pnpm: true,
10+
},
11+
).append(nuxt())

‎nuxt.config.ts

Copy file name to clipboardExpand all lines: nuxt.config.ts
+11
Original file line numberDiff line numberDiff line change
@@ -31,6 +31,7 @@ export default defineNuxtConfig({
3131
'@nuxt/content',
3232
'@vueuse/nuxt',
3333
'@nuxt/test-utils/module',
34+
'@nuxt/eslint',
3435
'@nuxt/image',
3536
'@nuxt/fonts',
3637
'@sfxcode/formkit-primevue-nuxt',
@@ -89,6 +90,16 @@ export default defineNuxtConfig({
8990
transpile: ['nuxt', 'primevue', '@sfxcode/formkit-primevue'],
9091
},
9192

93+
eslint: {
94+
config: {
95+
standalone: false,
96+
nuxt: {
97+
sortConfigKeys: true,
98+
},
99+
},
100+
},
101+
102+
92103
sourcemap: {
93104
client: false,
94105
server: false,

‎package.json

Copy file name to clipboardExpand all lines: package.json
+1-1
Original file line numberDiff line numberDiff line change
@@ -41,7 +41,7 @@
4141
"@tiptap/pm": "^2.11.5",
4242
"@tiptap/starter-kit": "^2.11.5",
4343
"@tiptap/vue-3": "^2.11.5",
44-
"@unocss/eslint-plugin": "66.1.0-beta.7",
44+
"@unocss/eslint-config": "66.1.0-beta.7",
4545
"@unocss/nuxt": "^66.1.0-beta.7",
4646
"@vitest/ui": "^3.0.9",
4747
"@vue/test-utils": "^2.4.6",

‎pnpm-lock.yaml

Copy file name to clipboardExpand all lines: pnpm-lock.yaml
+15-5
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
0 (0)
Morty Proxy This is a proxified and sanitized view of the page, visit original site.