diff --git a/auto-imports.d.ts b/auto-imports.d.ts
index ce33d2f..9f21b43 100644
--- a/auto-imports.d.ts
+++ b/auto-imports.d.ts
@@ -38,7 +38,6 @@ declare global {
const h: typeof import('vue')['h']
const ignorableWatch: typeof import('@vueuse/core')['ignorableWatch']
const inject: typeof import('vue')['inject']
- const isDark: typeof import('./src/composables/dark')['isDark']
const isDefined: typeof import('@vueuse/core')['isDefined']
const isProxy: typeof import('vue')['isProxy']
const isReactive: typeof import('vue')['isReactive']
@@ -95,7 +94,6 @@ declare global {
const toReactive: typeof import('@vueuse/core')['toReactive']
const toRef: typeof import('vue')['toRef']
const toRefs: typeof import('vue')['toRefs']
- const toggleDark: typeof import('./src/composables/dark')['toggleDark']
const triggerRef: typeof import('vue')['triggerRef']
const tryOnBeforeMount: typeof import('@vueuse/core')['tryOnBeforeMount']
const tryOnBeforeUnmount: typeof import('@vueuse/core')['tryOnBeforeUnmount']
@@ -286,7 +284,6 @@ declare module 'vue' {
h: typeof import('vue')['h']
ignorableWatch: typeof import('@vueuse/core')['ignorableWatch']
inject: typeof import('vue')['inject']
- isDark: typeof import('./src/composables/dark')['isDark']
isDefined: typeof import('@vueuse/core')['isDefined']
isProxy: typeof import('vue')['isProxy']
isReactive: typeof import('vue')['isReactive']
@@ -343,7 +340,6 @@ declare module 'vue' {
toReactive: typeof import('@vueuse/core')['toReactive']
toRef: typeof import('vue')['toRef']
toRefs: typeof import('vue')['toRefs']
- toggleDark: typeof import('./src/composables/dark')['toggleDark']
triggerRef: typeof import('vue')['triggerRef']
tryOnBeforeMount: typeof import('@vueuse/core')['tryOnBeforeMount']
tryOnBeforeUnmount: typeof import('@vueuse/core')['tryOnBeforeUnmount']
diff --git a/components.d.ts b/components.d.ts
index efb0110..2122a88 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -5,8 +5,14 @@ import '@vue/runtime-core'
declare module '@vue/runtime-core' {
export interface GlobalComponents {
+ ColorModeButton: typeof import('./src/components/ColorModeButton.vue')['default']
+ FlagIcon: typeof import('./src/components/icons/FlagIcon.vue')['default']
+ Footer: typeof import('./src/components/Footer.vue')['default']
+ LanguageButton: typeof import('./src/components/LanguageButton.vue')['default']
+ MoonIcon: typeof import('./src/components/icons/MoonIcon.vue')['default']
RouterLink: typeof import('vue-router')['RouterLink']
RouterView: typeof import('vue-router')['RouterView']
+ SunIcon: typeof import('./src/components/icons/SunIcon.vue')['default']
}
}
diff --git a/locales/en.json b/locales/en.json
index 64e8cb7..ecd6169 100644
--- a/locales/en.json
+++ b/locales/en.json
@@ -1,10 +1,10 @@
{
- "maintenance": "⚠️ Services under maintenance ⚠️",
- "maintenance_reason": "We'll be back soon. Please check back later.",
+ "maintenance": "Services under maintenance ⚠️",
+ "maintenance_reason": "⚠️ We'll be back soon. Please check back later.",
"maintenance_description": "Sorry for the inconvenience but we're performing some maintenance at the moment. We'll be back online shortly! If you need to you can always contact us.",
"team": "- The ArtDanjProduction Team",
- "error": "❌ Service not found ❌",
- "error_reason": "The service you are looking for does not exist.",
+ "error": "Service not found ❌",
+ "error_reason": "❌ The service you are looking for does not exist.",
"error_description": "Please check the URL or try again later. If you continue to experience issues, please contact us."
}
diff --git a/locales/fr.json b/locales/fr.json
index af925f5..26fc720 100644
--- a/locales/fr.json
+++ b/locales/fr.json
@@ -1,10 +1,10 @@
{
- "maintenance": "⚠️ Services en maintenance ⚠️",
- "maintenance_reason": "Nous reviendrons bientôt. Veuillez revenir plus tard.",
+ "maintenance": "Services en maintenance ⚠️",
+ "maintenance_reason": "⚠️ Nous reviendrons bientôt. Veuillez revenir plus tard.",
"maintenance_description": "Désolé pour la gêne occasionnée, mais nous effectuons actuellement une maintenance. Nous serons bientôt de retour en ligne ! Si vous en avez besoin, vous pouvez toujours nous contacter.",
- "team": "- L'équipe ArtDanjProduction",
+ "team": "-- L'équipe ArtDanjProduction",
- "error": "❌ Service introuvable ❌",
- "error_reason": "Le service que vous recherchez n'existe pas.",
+ "error": "Service introuvable ❌",
+ "error_reason": "❌ Le service que vous recherchez n'existe pas.",
"error_description": "Veuillez vérifier l'URL ou réessayer plus tard. Si vous continuez à rencontrer des problèmes, veuillez nous contacter."
}
diff --git a/package.json b/package.json
index 1748d39..76eecf7 100644
--- a/package.json
+++ b/package.json
@@ -2,9 +2,8 @@
"private": true,
"scripts": {
"build": "vite build",
- "dev": "vite --port 3333 --open",
+ "dev": "vite --port 3355 --open --host",
"lint": "eslint .",
- "typecheck": "vue-tsc --noEmit",
"preview": "vite preview --port 3355 --host"
},
"dependencies": {
diff --git a/src/App.vue b/src/App.vue
index 5da9636..a50b80f 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,14 +1,6 @@
-
-
+
diff --git a/src/components/ColorModeButton.vue b/src/components/ColorModeButton.vue
new file mode 100644
index 0000000..abb0ff3
--- /dev/null
+++ b/src/components/ColorModeButton.vue
@@ -0,0 +1,18 @@
+
+
+
+
+
diff --git a/src/components/Footer.vue b/src/components/Footer.vue
new file mode 100644
index 0000000..7b51796
--- /dev/null
+++ b/src/components/Footer.vue
@@ -0,0 +1,6 @@
+
+
+
diff --git a/src/components/LanguageButton.vue b/src/components/LanguageButton.vue
new file mode 100644
index 0000000..7e145b9
--- /dev/null
+++ b/src/components/LanguageButton.vue
@@ -0,0 +1,17 @@
+
+
+
+
+
+
+
diff --git a/src/components/icons/FlagIcon.vue b/src/components/icons/FlagIcon.vue
new file mode 100644
index 0000000..088608c
--- /dev/null
+++ b/src/components/icons/FlagIcon.vue
@@ -0,0 +1,60 @@
+
+
+
+
+
+
diff --git a/src/components/icons/MoonIcon.vue b/src/components/icons/MoonIcon.vue
new file mode 100644
index 0000000..c14b926
--- /dev/null
+++ b/src/components/icons/MoonIcon.vue
@@ -0,0 +1,21 @@
+
+
+
+
+
diff --git a/src/components/icons/SunIcon.vue b/src/components/icons/SunIcon.vue
new file mode 100644
index 0000000..19889b5
--- /dev/null
+++ b/src/components/icons/SunIcon.vue
@@ -0,0 +1,52 @@
+
+
+
+
+
diff --git a/src/composables/dark.ts b/src/composables/dark.ts
deleted file mode 100644
index a2a21dd..0000000
--- a/src/composables/dark.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export const isDark = useDark()
-export const toggleDark = useToggle(isDark)
diff --git a/src/composables/index.ts b/src/composables/index.ts
deleted file mode 100644
index e8d1566..0000000
--- a/src/composables/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './dark'
diff --git a/src/pages/index.vue b/src/pages/index.vue
index 160b211..064813d 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -4,18 +4,18 @@ import { useI18n } from 'vue-i18n'
const { t } = useI18n()
const title = useTitle()
-title.value = t('error')
+title.value = `Fallback - ${t('error')}`
-
+
{{ t('error_reason') }}
-
+
{{ t('error_description') }}
-
+
{{ t('team') }}
diff --git a/src/pages/maintenance.vue b/src/pages/maintenance.vue
index 0e07c86..226aa61 100644
--- a/src/pages/maintenance.vue
+++ b/src/pages/maintenance.vue
@@ -4,18 +4,18 @@ import { useI18n } from 'vue-i18n'
const { t } = useI18n()
const title = useTitle()
-title.value = t('maintenance')
+title.value = `Fallback - ${t('maintenance')}`
-
+
{{ t('maintenance_reason') }}
-
+
{{ t('maintenance_description') }}
-
+
{{ t('team') }}
diff --git a/src/styles/main.css b/src/styles/main.css
index 2486b75..e83b2d8 100755
--- a/src/styles/main.css
+++ b/src/styles/main.css
@@ -8,7 +8,3 @@ body,
padding: 0;
font-family: 'Raleway', sans-serif;
}
-
-html.dark {
- background: #121212;
-}
diff --git a/vite.config.ts b/vite.config.ts
index 147cbce..467e0d5 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -39,6 +39,7 @@ export default defineConfig({
// https://github.com/antfu/vite-plugin-components
Components({
dts: true,
+ deep: true,
}),
WindiCSS(),