@imaginario27/air-ui-ds 1.0.16 → 1.0.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/css/main.css +237 -237
- package/assets/images/logo/air-ui-logo-color.svg +34 -34
- package/assets/images/logo/air-ui-logo-white.svg +8 -8
- package/components/layouts/Error.vue +238 -0
- package/components/layouts/Footer.vue +110 -0
- package/components/layouts/Heading.vue +39 -10
- package/components/layouts/Overtitle.vue +28 -2
- package/components/layouts/headers/ContentPageHeader.vue +0 -1
- package/eslint.config.mjs +15 -15
- package/models/enums/headings.ts +2 -0
- package/models/types/navigation.ts +4 -3
- package/models/types/pdfExportTable.ts +5 -5
- package/nuxt.config.ts +39 -39
- package/package.json +57 -57
- package/tsconfig.json +7 -7
- package/components/layouts/ContainerWrapper.vue +0 -13
- package/components/layouts/headers/WebAppHeader.vue +0 -54
package/nuxt.config.ts
CHANGED
|
@@ -1,40 +1,40 @@
|
|
|
1
|
-
// https://nuxt.com/docs/api/configuration/nuxt-config
|
|
2
|
-
import tailwindcss from "@tailwindcss/vite"
|
|
3
|
-
|
|
4
|
-
export default defineNuxtConfig({
|
|
5
|
-
compatibilityDate: "2024-11-01",
|
|
6
|
-
devtools: { enabled: false },
|
|
7
|
-
ssr: false,
|
|
8
|
-
|
|
9
|
-
extends: [
|
|
10
|
-
'../air-ui-utils',
|
|
11
|
-
],
|
|
12
|
-
|
|
13
|
-
modules: ["@nuxt/image", "nuxt-mdi", "@nuxt/eslint", '@vueuse/nuxt'],
|
|
14
|
-
|
|
15
|
-
plugins: ["@/plugins/vue3-toastify"],
|
|
16
|
-
|
|
17
|
-
imports: {
|
|
18
|
-
dirs: [
|
|
19
|
-
"models/**"
|
|
20
|
-
],
|
|
21
|
-
},
|
|
22
|
-
|
|
23
|
-
components: [
|
|
24
|
-
// Auto-import components based only on its name, not path,
|
|
25
|
-
{
|
|
26
|
-
path: "./components",
|
|
27
|
-
pathPrefix: false,
|
|
28
|
-
},
|
|
29
|
-
],
|
|
30
|
-
|
|
31
|
-
eslint: {
|
|
32
|
-
// options here
|
|
33
|
-
},
|
|
34
|
-
|
|
35
|
-
css: ["./assets/css/main.css"],
|
|
36
|
-
|
|
37
|
-
vite: {
|
|
38
|
-
plugins: [tailwindcss()],
|
|
39
|
-
},
|
|
1
|
+
// https://nuxt.com/docs/api/configuration/nuxt-config
|
|
2
|
+
import tailwindcss from "@tailwindcss/vite"
|
|
3
|
+
|
|
4
|
+
export default defineNuxtConfig({
|
|
5
|
+
compatibilityDate: "2024-11-01",
|
|
6
|
+
devtools: { enabled: false },
|
|
7
|
+
ssr: false,
|
|
8
|
+
|
|
9
|
+
extends: [
|
|
10
|
+
'../air-ui-utils',
|
|
11
|
+
],
|
|
12
|
+
|
|
13
|
+
modules: ["@nuxt/image", "nuxt-mdi", "@nuxt/eslint", '@vueuse/nuxt'],
|
|
14
|
+
|
|
15
|
+
plugins: ["@/plugins/vue3-toastify"],
|
|
16
|
+
|
|
17
|
+
imports: {
|
|
18
|
+
dirs: [
|
|
19
|
+
"models/**"
|
|
20
|
+
],
|
|
21
|
+
},
|
|
22
|
+
|
|
23
|
+
components: [
|
|
24
|
+
// Auto-import components based only on its name, not path,
|
|
25
|
+
{
|
|
26
|
+
path: "./components",
|
|
27
|
+
pathPrefix: false,
|
|
28
|
+
},
|
|
29
|
+
],
|
|
30
|
+
|
|
31
|
+
eslint: {
|
|
32
|
+
// options here
|
|
33
|
+
},
|
|
34
|
+
|
|
35
|
+
css: ["./assets/css/main.css"],
|
|
36
|
+
|
|
37
|
+
vite: {
|
|
38
|
+
plugins: [tailwindcss()],
|
|
39
|
+
},
|
|
40
40
|
})
|
package/package.json
CHANGED
|
@@ -1,57 +1,57 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@imaginario27/air-ui-ds",
|
|
3
|
-
"version": "1.0.
|
|
4
|
-
"author": "imaginario27",
|
|
5
|
-
"type": "module",
|
|
6
|
-
"homepage": "https://air-ui.netlify.app/",
|
|
7
|
-
"repository": {
|
|
8
|
-
"type": "git",
|
|
9
|
-
"url": "git+https://github.com/imaginario27/air-ui.git"
|
|
10
|
-
},
|
|
11
|
-
"publishConfig": {
|
|
12
|
-
"access": "public"
|
|
13
|
-
},
|
|
14
|
-
"scripts": {
|
|
15
|
-
"build": "nuxt build",
|
|
16
|
-
"dev": "nuxt dev",
|
|
17
|
-
"generate": "nuxt generate",
|
|
18
|
-
"preview": "nuxt preview",
|
|
19
|
-
"postinstall": "nuxt prepare",
|
|
20
|
-
"test": "vitest",
|
|
21
|
-
"generate-theme": "ts-node scripts/generate-theme.ts",
|
|
22
|
-
"update-theme-colors": "ts-node scripts/update-ui-theme-colors.ts",
|
|
23
|
-
"typecheck": "vue-tsc --noEmit -p tsconfig.typecheck.json"
|
|
24
|
-
},
|
|
25
|
-
"dependencies": {
|
|
26
|
-
"@jaxtheprime/vue3-dropzone": "3.4.0",
|
|
27
|
-
"@nuxt/content": "3.7.1",
|
|
28
|
-
"@nuxt/eslint": "1.9.0",
|
|
29
|
-
"@nuxt/image": "1.11.0",
|
|
30
|
-
"@nuxtjs/i18n": "10.1.0",
|
|
31
|
-
"@tailwindcss/vite": "4.1.13",
|
|
32
|
-
"@vueuse/core": "13.9.0",
|
|
33
|
-
"@vueuse/nuxt": "13.9.0",
|
|
34
|
-
"jspdf": "3.0.3",
|
|
35
|
-
"jspdf-autotable": "5.0.2",
|
|
36
|
-
"nuxt": "4.1.2",
|
|
37
|
-
"nuxt-mdi": "2.1.1",
|
|
38
|
-
"qrcode.vue": "3.6.0",
|
|
39
|
-
"tailwindcss": "4.1.13",
|
|
40
|
-
"vue": "3.5.22",
|
|
41
|
-
"vue-json-excel3": "1.0.30",
|
|
42
|
-
"vue-router": "4.5.1",
|
|
43
|
-
"vue3-toastify": "0.2.8"
|
|
44
|
-
},
|
|
45
|
-
"devDependencies": {
|
|
46
|
-
"@nuxt/test-utils": "3.19.2",
|
|
47
|
-
"@vitest/coverage-v8": "3.2.4",
|
|
48
|
-
"@vue/test-utils": "2.4.6",
|
|
49
|
-
"eslint": "9.36.0",
|
|
50
|
-
"happy-dom": "18.0.1",
|
|
51
|
-
"playwright-core": "1.55.1",
|
|
52
|
-
"prettier": "3.6.2",
|
|
53
|
-
"ts-node": "10.9.2",
|
|
54
|
-
"typescript": "5.9.3",
|
|
55
|
-
"vitest": "3.2.4"
|
|
56
|
-
}
|
|
57
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "@imaginario27/air-ui-ds",
|
|
3
|
+
"version": "1.0.18",
|
|
4
|
+
"author": "imaginario27",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"homepage": "https://air-ui.netlify.app/",
|
|
7
|
+
"repository": {
|
|
8
|
+
"type": "git",
|
|
9
|
+
"url": "git+https://github.com/imaginario27/air-ui.git"
|
|
10
|
+
},
|
|
11
|
+
"publishConfig": {
|
|
12
|
+
"access": "public"
|
|
13
|
+
},
|
|
14
|
+
"scripts": {
|
|
15
|
+
"build": "nuxt build",
|
|
16
|
+
"dev": "nuxt dev",
|
|
17
|
+
"generate": "nuxt generate",
|
|
18
|
+
"preview": "nuxt preview",
|
|
19
|
+
"postinstall": "nuxt prepare",
|
|
20
|
+
"test": "vitest",
|
|
21
|
+
"generate-theme": "ts-node scripts/generate-theme.ts",
|
|
22
|
+
"update-theme-colors": "ts-node scripts/update-ui-theme-colors.ts",
|
|
23
|
+
"typecheck": "vue-tsc --noEmit -p tsconfig.typecheck.json"
|
|
24
|
+
},
|
|
25
|
+
"dependencies": {
|
|
26
|
+
"@jaxtheprime/vue3-dropzone": "3.4.0",
|
|
27
|
+
"@nuxt/content": "3.7.1",
|
|
28
|
+
"@nuxt/eslint": "1.9.0",
|
|
29
|
+
"@nuxt/image": "1.11.0",
|
|
30
|
+
"@nuxtjs/i18n": "10.1.0",
|
|
31
|
+
"@tailwindcss/vite": "4.1.13",
|
|
32
|
+
"@vueuse/core": "13.9.0",
|
|
33
|
+
"@vueuse/nuxt": "13.9.0",
|
|
34
|
+
"jspdf": "3.0.3",
|
|
35
|
+
"jspdf-autotable": "5.0.2",
|
|
36
|
+
"nuxt": "4.1.2",
|
|
37
|
+
"nuxt-mdi": "2.1.1",
|
|
38
|
+
"qrcode.vue": "3.6.0",
|
|
39
|
+
"tailwindcss": "4.1.13",
|
|
40
|
+
"vue": "3.5.22",
|
|
41
|
+
"vue-json-excel3": "1.0.30",
|
|
42
|
+
"vue-router": "4.5.1",
|
|
43
|
+
"vue3-toastify": "0.2.8"
|
|
44
|
+
},
|
|
45
|
+
"devDependencies": {
|
|
46
|
+
"@nuxt/test-utils": "3.19.2",
|
|
47
|
+
"@vitest/coverage-v8": "3.2.4",
|
|
48
|
+
"@vue/test-utils": "2.4.6",
|
|
49
|
+
"eslint": "9.36.0",
|
|
50
|
+
"happy-dom": "18.0.1",
|
|
51
|
+
"playwright-core": "1.55.1",
|
|
52
|
+
"prettier": "3.6.2",
|
|
53
|
+
"ts-node": "10.9.2",
|
|
54
|
+
"typescript": "5.9.3",
|
|
55
|
+
"vitest": "3.2.4"
|
|
56
|
+
}
|
|
57
|
+
}
|
package/tsconfig.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
{
|
|
2
|
-
// https://nuxt.com/docs/guide/concepts/typescript
|
|
3
|
-
"extends": "./.nuxt/tsconfig.json",
|
|
4
|
-
"compilerOptions": {
|
|
5
|
-
"types": ["vitest/globals"],
|
|
6
|
-
}
|
|
7
|
-
}
|
|
1
|
+
{
|
|
2
|
+
// https://nuxt.com/docs/guide/concepts/typescript
|
|
3
|
+
"extends": "./.nuxt/tsconfig.json",
|
|
4
|
+
"compilerOptions": {
|
|
5
|
+
"types": ["vitest/globals"],
|
|
6
|
+
}
|
|
7
|
+
}
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<header
|
|
3
|
-
:class="[
|
|
4
|
-
'flex',
|
|
5
|
-
'items-center',
|
|
6
|
-
'justify-between',
|
|
7
|
-
'pt-12',
|
|
8
|
-
'pb-8',
|
|
9
|
-
'gap-3',
|
|
10
|
-
'px-content-side-padding-mobile md:px-content-side-padding',
|
|
11
|
-
]"
|
|
12
|
-
>
|
|
13
|
-
<div class="flex gap-4">
|
|
14
|
-
<ActionIconButton
|
|
15
|
-
:icon="isMobileSidebarOpen ? 'mdiMenuOpen' : 'mdiMenuClose'"
|
|
16
|
-
class="lg:hidden shadow-sm"
|
|
17
|
-
@click="toggleMobileSidebar"
|
|
18
|
-
/>
|
|
19
|
-
<PageTitle class="hidden lg:flex" :type="pageTitleType"/>
|
|
20
|
-
</div>
|
|
21
|
-
<div class="flex gap-3 items-center xs:w-auto">
|
|
22
|
-
<slot name="header-actions" />
|
|
23
|
-
</div>
|
|
24
|
-
</header>
|
|
25
|
-
|
|
26
|
-
</template>
|
|
27
|
-
|
|
28
|
-
<script setup lang="ts">
|
|
29
|
-
// Imports
|
|
30
|
-
import { useRoute } from 'vue-router'
|
|
31
|
-
|
|
32
|
-
// Props
|
|
33
|
-
defineProps({
|
|
34
|
-
pageTitleType: {
|
|
35
|
-
type: String as PropType<PageTitleType>,
|
|
36
|
-
default: PageTitleType.SIMPLE
|
|
37
|
-
}
|
|
38
|
-
})
|
|
39
|
-
|
|
40
|
-
// Page title
|
|
41
|
-
const route = useRoute()
|
|
42
|
-
const currentPageTitle = computed<string>(() =>
|
|
43
|
-
(route.meta.title as string) || 'Page title'
|
|
44
|
-
)
|
|
45
|
-
|
|
46
|
-
// Dynamically set the page title
|
|
47
|
-
useHead(() => ({
|
|
48
|
-
title: pageTitle(currentPageTitle.value, App.NAME),
|
|
49
|
-
}))
|
|
50
|
-
|
|
51
|
-
// Composables
|
|
52
|
-
const { isMobileSidebarOpen, toggleMobileSidebar } = useMobileSidebar()
|
|
53
|
-
|
|
54
|
-
</script>
|