feat: Replace eslint => oxlint + oxfmt
All checks were successful
Deployment / wordpress (push) Successful in 6s
Deployment / nuxt (push) Successful in 58s

This commit is contained in:
2026-02-01 21:53:40 -05:00
parent 58dbcdd25a
commit b89f02955d
60 changed files with 14937 additions and 5941 deletions

5
.vscode/extensions.json vendored Normal file
View File

@@ -0,0 +1,5 @@
{
"recommendations": [
"oxc.oxc-vscode"
]
}

17
.vscode/settings.json vendored
View File

@@ -1,11 +1,28 @@
{ {
"[typescript]": {
"editor.defaultFormatter": "oxc.oxc-vscode",
"editor.formatOnSave": true
},
"[vue]": {
"editor.defaultFormatter": "oxc.oxc-vscode"
},
"editor.codeActionsOnSave": {
"source.fixAll.oxc": "always"
},
"editor.defaultFormatter": "oxc.oxc-vscode",
"editor.formatOnSave": true,
"editor.quickSuggestions": { "editor.quickSuggestions": {
"strings": "on" "strings": "on"
}, },
"eslint.enable": false,
"files.associations": { "files.associations": {
"*.css": "tailwindcss" "*.css": "tailwindcss"
}, },
"graphql-config.load.rootDir": "wp-content/themes/moonshine", "graphql-config.load.rootDir": "wp-content/themes/moonshine",
"oxc.fmt.configPath": ".oxfmtrc.json",
"oxc.path.oxfmt": "wp-content/themes/moonshine/node_modules/.bin/oxfmt",
"oxc.path.oxlint": "wp-content/themes/moonshine/node_modules/.bin/oxlint",
"oxc.typeAware": true,
"tailwindCSS.classAttributes": [ "tailwindCSS.classAttributes": [
"class", "class",
"ui" "ui"

View File

@@ -0,0 +1,25 @@
{
"arrowParens": "always",
"indentStyle": "space",
"indentWidth": 2,
"quoteStyle": "double",
"semi": true,
"trailingComma": "es5",
"experimentalSortImports": {
"groups": [
["side-effect"],
["builtin"],
["external", "type-external"],
["internal", "type-internal"],
["parent", "type-parent"],
["sibling", "type-sibling"],
["index", "type-index"]
]
},
"experimentalTailwindcss": {
"stylesheet": "./app/assets/css/_main.css",
"attributes": ["class", "className"],
"functions": ["clsx", "cn"],
"preserveWhitespace": true
}
}

View File

@@ -0,0 +1,17 @@
{
"extends": ["recommended"],
"plugins": ["vue"],
"env": {
"browser": true,
"node": true
},
"settings": {
"vue": {
"version": 3
}
},
"rules": {
"vue/max-attributes-per-line": "off",
"vue/no-v-html": "off"
}
}

View File

@@ -190,7 +190,6 @@
## v0.1.1 ## v0.1.1
### 🚀 Enhancements ### 🚀 Enhancements
- Initial Moonshine theme - Headless WordPress theme based on Nuxt (b3134fe) - Initial Moonshine theme - Headless WordPress theme based on Nuxt (b3134fe)

View File

@@ -4,11 +4,11 @@ Thème WordPress en headless basé sur Nuxt.
## Variables d'environnement ## Variables d'environnement
| Nom | Description | Exemple | Requise | | Nom | Description | Exemple | Requise |
|-----|-------------|---------|---------| | --------------- | ------------------------ | ----------------------- | ------- |
| `NUXT_SITE_ENV` | Environnement | staging \| production | | | `NUXT_SITE_ENV` | Environnement | staging \| production | |
| `NUXT_SITE_URL` | URL du frontend Nuxt | https://www.example.com | | | `NUXT_SITE_URL` | URL du frontend Nuxt | https://www.example.com | |
| `NUXT_WP_URL` | URL du backend WordPress | https://wp.exemple.com | ✅ | | `NUXT_WP_URL` | URL du backend WordPress | https://wp.exemple.com | ✅ |
## Secrets ## Secrets

View File

@@ -1,252 +1,240 @@
{ {
"key": "group_abstract_builder", "key": "group_abstract_builder",
"title": "Abstract - Builder", "title": "Abstract - Builder",
"fields": [ "fields": [
{ {
"key": "field_builder_sections", "key": "field_builder_sections",
"label": "Section(s)", "label": "Section(s)",
"name": "sections", "name": "sections",
"aria-label": "", "aria-label": "",
"type": "flexible_content", "type": "flexible_content",
"instructions": "", "instructions": "",
"required": 0, "required": 0,
"conditional_logic": 0, "conditional_logic": 0,
"wrapper": { "wrapper": {
"width": "",
"class": "",
"id": ""
},
"acfe_flexible_advanced": 1,
"acfe_flexible_stylised_button": 0,
"acfe_flexible_hide_empty_message": 0,
"acfe_flexible_empty_message": "",
"acfe_flexible_layouts_templates": 0,
"acfe_flexible_layouts_placeholder": 0,
"acfe_flexible_layouts_thumbnails": 0,
"acfe_flexible_async": [],
"acfe_flexible_add_actions": ["copy", "title", "toggle"],
"acfe_flexible_remove_button": [],
"acfe_flexible_remove_top_actions": [],
"acfe_flexible_modal_edit": {
"acfe_flexible_modal_edit_enabled": "1",
"acfe_flexible_modal_edit_size": "xlarge"
},
"acfe_flexible_modal": {
"acfe_flexible_modal_enabled": "0",
"acfe_flexible_modal_title": false,
"acfe_flexible_modal_size": "xlarge",
"acfe_flexible_modal_col": "4",
"acfe_flexible_modal_categories": false
},
"acfe_flexible_modal_settings": {
"acfe_flexible_modal_settings_enabled": "1",
"acfe_flexible_modal_settings_size": "large",
"acfe_flexible_modal_settings_close": "1",
"acfe_flexible_modal_settings_close_label": ""
},
"layouts": {
"layout_6852f761e95b0": {
"key": "layout_6852f761e95b0",
"name": "text_block",
"label": "Bloc de texte",
"display": "block",
"sub_fields": [
{
"key": "field_68eeceb62b8a6",
"label": "Contenu",
"name": "content",
"aria-label": "",
"type": "wysiwyg",
"instructions": "",
"required": 1,
"conditional_logic": 0,
"wrapper": {
"width": "", "width": "",
"class": "", "class": "",
"id": "" "id": ""
}, },
"acfe_flexible_advanced": 1, "default_value": "",
"acfe_flexible_stylised_button": 0, "acfe_wysiwyg_height": 300,
"acfe_flexible_hide_empty_message": 0, "acfe_wysiwyg_max_height": "",
"acfe_flexible_empty_message": "", "acfe_wysiwyg_valid_elements": "",
"acfe_flexible_layouts_templates": 0, "acfe_wysiwyg_custom_style": "",
"acfe_flexible_layouts_placeholder": 0, "acfe_wysiwyg_disable_wp_style": 0,
"acfe_flexible_layouts_thumbnails": 0, "acfe_wysiwyg_autoresize": 0,
"acfe_flexible_async": [], "acfe_wysiwyg_disable_resize": 0,
"acfe_flexible_add_actions": [ "acfe_wysiwyg_remove_path": 0,
"copy", "acfe_wysiwyg_menubar": 0,
"title", "acfe_wysiwyg_transparent": 0,
"toggle" "acfe_wysiwyg_merge_toolbar": 0,
], "acfe_wysiwyg_custom_toolbar": 0,
"acfe_flexible_remove_button": [], "required_message": "",
"acfe_flexible_remove_top_actions": [], "allow_in_bindings": 0,
"acfe_flexible_modal_edit": { "tabs": "all",
"acfe_flexible_modal_edit_enabled": "1", "toolbar": "full",
"acfe_flexible_modal_edit_size": "xlarge" "media_upload": 1,
}, "delay": 0,
"acfe_flexible_modal": { "show_in_graphql": 1,
"acfe_flexible_modal_enabled": "0", "graphql_description": "",
"acfe_flexible_modal_title": false, "graphql_field_name": "content",
"acfe_flexible_modal_size": "xlarge", "graphql_non_null": 1,
"acfe_flexible_modal_col": "4", "acfe_wysiwyg_auto_init": 0,
"acfe_flexible_modal_categories": false "acfe_wysiwyg_min_height": 300,
}, "acfe_wysiwyg_toolbar_buttons": []
"acfe_flexible_modal_settings": {
"acfe_flexible_modal_settings_enabled": "1",
"acfe_flexible_modal_settings_size": "large",
"acfe_flexible_modal_settings_close": "1",
"acfe_flexible_modal_settings_close_label": ""
},
"layouts": {
"layout_6852f761e95b0": {
"key": "layout_6852f761e95b0",
"name": "text_block",
"label": "Bloc de texte",
"display": "block",
"sub_fields": [
{
"key": "field_68eeceb62b8a6",
"label": "Contenu",
"name": "content",
"aria-label": "",
"type": "wysiwyg",
"instructions": "",
"required": 1,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"acfe_wysiwyg_height": 300,
"acfe_wysiwyg_max_height": "",
"acfe_wysiwyg_valid_elements": "",
"acfe_wysiwyg_custom_style": "",
"acfe_wysiwyg_disable_wp_style": 0,
"acfe_wysiwyg_autoresize": 0,
"acfe_wysiwyg_disable_resize": 0,
"acfe_wysiwyg_remove_path": 0,
"acfe_wysiwyg_menubar": 0,
"acfe_wysiwyg_transparent": 0,
"acfe_wysiwyg_merge_toolbar": 0,
"acfe_wysiwyg_custom_toolbar": 0,
"required_message": "",
"allow_in_bindings": 0,
"tabs": "all",
"toolbar": "full",
"media_upload": 1,
"delay": 0,
"show_in_graphql": 1,
"graphql_description": "",
"graphql_field_name": "content",
"graphql_non_null": 1,
"acfe_wysiwyg_auto_init": 0,
"acfe_wysiwyg_min_height": 300,
"acfe_wysiwyg_toolbar_buttons": []
}
],
"min": "",
"max": "",
"acfe_flexible_modal_edit_size": "",
"acfe_flexible_settings": [
"group_layout_contained"
],
"acfe_flexible_settings_size": "large",
"acfe_flexible_render_template": false,
"acfe_flexible_render_style": false,
"acfe_flexible_render_script": false,
"acfe_flexible_thumbnail": false,
"acfe_flexible_category": false
},
"layout_697caf9a3e05b": {
"key": "layout_697caf9a3e05b",
"name": "hero_split",
"label": "Héro en moitié",
"display": "block",
"sub_fields": [
{
"key": "field_697cafb13e05d",
"label": "Content",
"name": "content",
"aria-label": "",
"type": "wysiwyg",
"instructions": "",
"required": 1,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"allow_in_bindings": 0,
"tabs": "all",
"toolbar": "full",
"media_upload": 0,
"delay": 0,
"show_in_graphql": 1,
"graphql_description": "",
"graphql_field_name": "content",
"graphql_non_null": 1
},
{
"key": "field_697cafc43e05e",
"label": "Media",
"name": "media",
"aria-label": "",
"type": "clone",
"instructions": "",
"required": 1,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"graphql_field_name": "media",
"clone": [
"group_abstract_media"
],
"display": "seamless",
"layout": "block",
"prefix_label": 0,
"prefix_name": 0,
"acfe_seamless_style": 0,
"acfe_clone_modal": 0,
"acfe_clone_modal_close": 0,
"acfe_clone_modal_button": "",
"acfe_clone_modal_size": "large"
},
{
"key": "field_697cafdc3e05f",
"label": "Position de l'image",
"name": "reverse",
"aria-label": "",
"type": "true_false",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"message": "",
"default_value": 0,
"allow_in_bindings": 0,
"ui_on_text": "Gauche",
"ui_off_text": "Droite",
"ui": 1,
"show_in_graphql": 1,
"graphql_description": "",
"graphql_field_name": "reverse",
"graphql_non_null": 1
}
],
"min": "",
"max": "",
"acfe_flexible_modal_edit_size": "",
"acfe_flexible_settings": "",
"acfe_flexible_settings_size": "large",
"acfe_flexible_render_template": false,
"acfe_flexible_render_style": false,
"acfe_flexible_render_script": false,
"acfe_flexible_thumbnail": false,
"acfe_flexible_category": false
}
},
"min": "",
"max": "",
"button_label": "Ajouter un élément",
"show_in_graphql": 1,
"graphql_description": "",
"graphql_field_name": "sections",
"graphql_non_null": 0,
"acfe_flexible_layouts_previews": false,
"acfe_flexible_close_button_label": "",
"acfe_flexible_layouts_state": false
}
],
"location": [
[
{
"param": "abstract"
} }
] ],
], "min": "",
"menu_order": 0, "max": "",
"position": "acf_after_title", "acfe_flexible_modal_edit_size": "",
"style": "seamless", "acfe_flexible_settings": ["group_layout_contained"],
"label_placement": "top", "acfe_flexible_settings_size": "large",
"instruction_placement": "label", "acfe_flexible_render_template": false,
"hide_on_screen": [ "acfe_flexible_render_style": false,
"the_content" "acfe_flexible_render_script": false,
], "acfe_flexible_thumbnail": false,
"active": true, "acfe_flexible_category": false
"description": "", },
"show_in_rest": 0, "layout_697caf9a3e05b": {
"display_title": "", "key": "layout_697caf9a3e05b",
"acfe_autosync": [ "name": "hero_split",
"json" "label": "Héro en moitié",
], "display": "block",
"acfe_form": 0, "sub_fields": [
"show_in_graphql": 1, {
"graphql_field_name": "GroupAbstractBuilder", "key": "field_697cafb13e05d",
"map_graphql_types_from_location_rules": 0, "label": "Content",
"graphql_types": "", "name": "content",
"acfe_meta": "", "aria-label": "",
"acfe_note": "", "type": "wysiwyg",
"modified": 1769779666 "instructions": "",
"required": 1,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"allow_in_bindings": 0,
"tabs": "all",
"toolbar": "full",
"media_upload": 0,
"delay": 0,
"show_in_graphql": 1,
"graphql_description": "",
"graphql_field_name": "content",
"graphql_non_null": 1
},
{
"key": "field_697cafc43e05e",
"label": "Media",
"name": "media",
"aria-label": "",
"type": "clone",
"instructions": "",
"required": 1,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"graphql_field_name": "media",
"clone": ["group_abstract_media"],
"display": "seamless",
"layout": "block",
"prefix_label": 0,
"prefix_name": 0,
"acfe_seamless_style": 0,
"acfe_clone_modal": 0,
"acfe_clone_modal_close": 0,
"acfe_clone_modal_button": "",
"acfe_clone_modal_size": "large"
},
{
"key": "field_697cafdc3e05f",
"label": "Position de l'image",
"name": "reverse",
"aria-label": "",
"type": "true_false",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"message": "",
"default_value": 0,
"allow_in_bindings": 0,
"ui_on_text": "Gauche",
"ui_off_text": "Droite",
"ui": 1,
"show_in_graphql": 1,
"graphql_description": "",
"graphql_field_name": "reverse",
"graphql_non_null": 1
}
],
"min": "",
"max": "",
"acfe_flexible_modal_edit_size": "",
"acfe_flexible_settings": "",
"acfe_flexible_settings_size": "large",
"acfe_flexible_render_template": false,
"acfe_flexible_render_style": false,
"acfe_flexible_render_script": false,
"acfe_flexible_thumbnail": false,
"acfe_flexible_category": false
}
},
"min": "",
"max": "",
"button_label": "Ajouter un élément",
"show_in_graphql": 1,
"graphql_description": "",
"graphql_field_name": "sections",
"graphql_non_null": 0,
"acfe_flexible_layouts_previews": false,
"acfe_flexible_close_button_label": "",
"acfe_flexible_layouts_state": false
}
],
"location": [
[
{
"param": "abstract"
}
]
],
"menu_order": 0,
"position": "acf_after_title",
"style": "seamless",
"label_placement": "top",
"instruction_placement": "label",
"hide_on_screen": ["the_content"],
"active": true,
"description": "",
"show_in_rest": 0,
"display_title": "",
"acfe_autosync": ["json"],
"acfe_form": 0,
"show_in_graphql": 1,
"graphql_field_name": "GroupAbstractBuilder",
"map_graphql_types_from_location_rules": 0,
"graphql_types": "",
"acfe_meta": "",
"acfe_note": "",
"modified": 1769779666
} }

View File

@@ -1,123 +1,121 @@
{ {
"key": "group_abstract_media", "key": "group_abstract_media",
"title": "Abstract - Media", "title": "Abstract - Media",
"fields": [ "fields": [
{ {
"key": "field_697caec68536d", "key": "field_697caec68536d",
"label": "Image", "label": "Image",
"name": "image", "name": "image",
"aria-label": "", "aria-label": "",
"type": "image", "type": "image",
"instructions": "", "instructions": "",
"required": 1, "required": 1,
"conditional_logic": 0, "conditional_logic": 0,
"wrapper": { "wrapper": {
"width": "33", "width": "33",
"class": "", "class": "",
"id": "" "id": ""
}, },
"uploader": "", "uploader": "",
"return_format": "array", "return_format": "array",
"library": "all", "library": "all",
"acfe_thumbnail": 0, "acfe_thumbnail": 0,
"min_width": "", "min_width": "",
"min_height": "", "min_height": "",
"min_size": "", "min_size": "",
"max_width": "", "max_width": "",
"max_height": "", "max_height": "",
"max_size": "", "max_size": "",
"mime_types": "", "mime_types": "",
"allow_in_bindings": 0, "allow_in_bindings": 0,
"preview_size": "medium", "preview_size": "medium",
"show_in_graphql": 1, "show_in_graphql": 1,
"graphql_description": "", "graphql_description": "",
"graphql_field_name": "image" "graphql_field_name": "image"
}, },
{ {
"key": "field_697caf018536e", "key": "field_697caf018536e",
"label": "Ratio d'aspect", "label": "Ratio d'aspect",
"name": "aspect_ratio", "name": "aspect_ratio",
"aria-label": "", "aria-label": "",
"type": "button_group", "type": "button_group",
"instructions": "", "instructions": "",
"required": 1, "required": 1,
"conditional_logic": 0, "conditional_logic": 0,
"wrapper": { "wrapper": {
"width": "33", "width": "33",
"class": "", "class": "",
"id": "" "id": ""
}, },
"choices": { "choices": {
"square": "Carré (1:1)", "square": "Carré (1:1)",
"video": "Vidéo (16:9)", "video": "Vidéo (16:9)",
"portrait": "Portrait (2:3)", "portrait": "Portrait (2:3)",
"auto": "Aspect d'origine" "auto": "Aspect d'origine"
}, },
"default_value": "auto", "default_value": "auto",
"return_format": "value", "return_format": "value",
"allow_null": 0, "allow_null": 0,
"allow_in_bindings": 0, "allow_in_bindings": 0,
"layout": "horizontal", "layout": "horizontal",
"show_in_graphql": 1, "show_in_graphql": 1,
"graphql_description": "", "graphql_description": "",
"graphql_field_name": "aspectRatio", "graphql_field_name": "aspectRatio",
"graphql_non_null": 1 "graphql_non_null": 1
}, },
{ {
"key": "field_697caf378536f", "key": "field_697caf378536f",
"label": "Ajustement de l'image", "label": "Ajustement de l'image",
"name": "object_fit", "name": "object_fit",
"aria-label": "", "aria-label": "",
"type": "button_group", "type": "button_group",
"instructions": "", "instructions": "",
"required": 1, "required": 1,
"conditional_logic": 0, "conditional_logic": 0,
"wrapper": { "wrapper": {
"width": "33", "width": "33",
"class": "", "class": "",
"id": "" "id": ""
}, },
"choices": { "choices": {
"cover": "Recadrer si nécessaire", "cover": "Recadrer si nécessaire",
"contain": "Contenir sans recadrage" "contain": "Contenir sans recadrage"
}, },
"default_value": "cover", "default_value": "cover",
"return_format": "value", "return_format": "value",
"allow_null": 0, "allow_null": 0,
"allow_in_bindings": 0, "allow_in_bindings": 0,
"layout": "horizontal", "layout": "horizontal",
"show_in_graphql": 1, "show_in_graphql": 1,
"graphql_description": "", "graphql_description": "",
"graphql_field_name": "objectFit", "graphql_field_name": "objectFit",
"graphql_non_null": 1 "graphql_non_null": 1
} }
], ],
"location": [ "location": [
[ [
{ {
"param": "abstract" "param": "abstract"
} }
] ]
], ],
"menu_order": 0, "menu_order": 0,
"position": "normal", "position": "normal",
"style": "seamless", "style": "seamless",
"label_placement": "top", "label_placement": "top",
"instruction_placement": "label", "instruction_placement": "label",
"hide_on_screen": "", "hide_on_screen": "",
"active": true, "active": true,
"description": "", "description": "",
"show_in_rest": 0, "show_in_rest": 0,
"display_title": "", "display_title": "",
"acfe_autosync": [ "acfe_autosync": ["json"],
"json" "acfe_form": 0,
], "show_in_graphql": 1,
"acfe_form": 0, "graphql_field_name": "GroupAbstractMedia",
"show_in_graphql": 1, "map_graphql_types_from_location_rules": 0,
"graphql_field_name": "GroupAbstractMedia", "graphql_types": "",
"map_graphql_types_from_location_rules": 0, "acfe_meta": "",
"graphql_types": "", "acfe_note": "",
"acfe_meta": "", "modified": 1769779078
"acfe_note": "",
"modified": 1769779078
} }

View File

@@ -1,86 +1,84 @@
{ {
"key": "group_abstract_social", "key": "group_abstract_social",
"title": "Abstract - Social", "title": "Abstract - Social",
"fields": [ "fields": [
{
"key": "field_6855a1d643408",
"label": "Médias sociaux",
"name": "profiles",
"aria-label": "",
"type": "repeater",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"acfe_repeater_stylised_button": 0,
"layout": "table",
"pagination": 0,
"min": 0,
"max": 0,
"collapsed": "",
"button_label": "Ajouter un élément",
"show_in_graphql": 1,
"graphql_description": "",
"graphql_field_name": "profiles",
"graphql_non_null": 1,
"rows_per_page": 20,
"sub_fields": [
{ {
"key": "field_6855a1d643408", "key": "field_6855a7e143409",
"label": "Médias sociaux", "label": "URL",
"name": "profiles", "name": "url",
"aria-label": "", "aria-label": "",
"type": "repeater", "type": "url",
"instructions": "", "instructions": "",
"required": 0, "required": 1,
"conditional_logic": 0, "conditional_logic": 0,
"wrapper": { "wrapper": {
"width": "", "width": "",
"class": "", "class": "",
"id": "" "id": ""
}, },
"acfe_repeater_stylised_button": 0, "default_value": "",
"layout": "table", "allow_in_bindings": 0,
"pagination": 0, "placeholder": "",
"min": 0, "show_in_graphql": 1,
"max": 0, "graphql_description": "",
"collapsed": "", "graphql_field_name": "url",
"button_label": "Ajouter un élément", "graphql_non_null": 1,
"show_in_graphql": 1, "parent_repeater": "field_6855a1d643408"
"graphql_description": "",
"graphql_field_name": "profiles",
"graphql_non_null": 1,
"rows_per_page": 20,
"sub_fields": [
{
"key": "field_6855a7e143409",
"label": "URL",
"name": "url",
"aria-label": "",
"type": "url",
"instructions": "",
"required": 1,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"allow_in_bindings": 0,
"placeholder": "",
"show_in_graphql": 1,
"graphql_description": "",
"graphql_field_name": "url",
"graphql_non_null": 1,
"parent_repeater": "field_6855a1d643408"
}
]
} }
], ]
"location": [ }
[ ],
{ "location": [
"param": "abstract" [
} {
] "param": "abstract"
], }
"menu_order": 0, ]
"position": "normal", ],
"style": "seamless", "menu_order": 0,
"label_placement": "top", "position": "normal",
"instruction_placement": "label", "style": "seamless",
"hide_on_screen": "", "label_placement": "top",
"active": true, "instruction_placement": "label",
"description": "", "hide_on_screen": "",
"show_in_rest": 0, "active": true,
"display_title": "", "description": "",
"acfe_autosync": [ "show_in_rest": 0,
"json" "display_title": "",
], "acfe_autosync": ["json"],
"acfe_form": 0, "acfe_form": 0,
"show_in_graphql": 1, "show_in_graphql": 1,
"graphql_field_name": "GroupAbstractSocial", "graphql_field_name": "GroupAbstractSocial",
"map_graphql_types_from_location_rules": 0, "map_graphql_types_from_location_rules": 0,
"graphql_types": "", "graphql_types": "",
"acfe_meta": "", "acfe_meta": "",
"acfe_note": "", "acfe_note": "",
"modified": 1769788591 "modified": 1769788591
} }

View File

@@ -1,149 +1,147 @@
{ {
"key": "group_layout_contained", "key": "group_layout_contained",
"title": "Layout - Contained", "title": "Layout - Contained",
"fields": [ "fields": [
{ {
"key": "field_68dc29d78941c", "key": "field_68dc29d78941c",
"label": "Conteneur", "label": "Conteneur",
"name": "container", "name": "container",
"aria-label": "", "aria-label": "",
"type": "select", "type": "select",
"instructions": "", "instructions": "",
"required": 1, "required": 1,
"conditional_logic": 0, "conditional_logic": 0,
"wrapper": { "wrapper": {
"width": "", "width": "",
"class": "", "class": "",
"id": "" "id": ""
}, },
"choices": { "choices": {
"default": "1536px", "default": "1536px",
"xl": "1280px", "xl": "1280px",
"lg": "1024px", "lg": "1024px",
"fluid": "Largeur fluide", "fluid": "Largeur fluide",
"none": "Pleine largeur" "none": "Pleine largeur"
}, },
"default_value": "default", "default_value": "default",
"return_format": "value", "return_format": "value",
"multiple": 0, "multiple": 0,
"max": "", "max": "",
"prepend": "", "prepend": "",
"append": "", "append": "",
"required_message": "", "required_message": "",
"allow_null": 0, "allow_null": 0,
"allow_in_bindings": 0, "allow_in_bindings": 0,
"ui": 0, "ui": 0,
"show_in_graphql": 1, "show_in_graphql": 1,
"graphql_description": "", "graphql_description": "",
"graphql_field_name": "container", "graphql_field_name": "container",
"graphql_non_null": 1, "graphql_non_null": 1,
"ajax": 0, "ajax": 0,
"placeholder": "", "placeholder": "",
"create_options": 0, "create_options": 0,
"save_options": 0, "save_options": 0,
"allow_custom": 0, "allow_custom": 0,
"search_placeholder": "", "search_placeholder": "",
"min": "" "min": ""
}, },
{ {
"key": "field_693c8c3b5ce50", "key": "field_693c8c3b5ce50",
"label": "Espacement vertical", "label": "Espacement vertical",
"name": "vertical_padding", "name": "vertical_padding",
"aria-label": "", "aria-label": "",
"type": "select", "type": "select",
"instructions": "", "instructions": "",
"required": 1, "required": 1,
"conditional_logic": 0, "conditional_logic": 0,
"wrapper": { "wrapper": {
"width": "", "width": "",
"class": "", "class": "",
"id": "" "id": ""
}, },
"choices": { "choices": {
"sm": "Petit (12px)", "sm": "Petit (12px)",
"md": "Medium (24px)", "md": "Medium (24px)",
"lg": "Grand (48px)" "lg": "Grand (48px)"
}, },
"default_value": "md", "default_value": "md",
"return_format": "value", "return_format": "value",
"multiple": 0, "multiple": 0,
"allow_null": 0, "allow_null": 0,
"allow_in_bindings": 0, "allow_in_bindings": 0,
"ui": 0, "ui": 0,
"show_in_graphql": 1, "show_in_graphql": 1,
"graphql_description": "", "graphql_description": "",
"graphql_field_name": "verticalPadding", "graphql_field_name": "verticalPadding",
"graphql_non_null": 1, "graphql_non_null": 1,
"ajax": 0, "ajax": 0,
"placeholder": "", "placeholder": "",
"create_options": 0, "create_options": 0,
"save_options": 0, "save_options": 0,
"allow_custom": 0, "allow_custom": 0,
"search_placeholder": "" "search_placeholder": ""
}, },
{ {
"key": "field_693c8c945ce51", "key": "field_693c8c945ce51",
"label": "Couleur d'arrière-plan", "label": "Couleur d'arrière-plan",
"name": "bg_color", "name": "bg_color",
"aria-label": "", "aria-label": "",
"type": "select", "type": "select",
"instructions": "", "instructions": "",
"required": 1, "required": 1,
"conditional_logic": 0, "conditional_logic": 0,
"wrapper": { "wrapper": {
"width": "", "width": "",
"class": "", "class": "",
"id": "" "id": ""
}, },
"choices": { "choices": {
"default": "Par défaut", "default": "Par défaut",
"muted": "Atténué", "muted": "Atténué",
"inverted": "Inversé" "inverted": "Inversé"
}, },
"default_value": "default", "default_value": "default",
"return_format": "value", "return_format": "value",
"multiple": 0, "multiple": 0,
"allow_null": 0, "allow_null": 0,
"allow_in_bindings": 0, "allow_in_bindings": 0,
"ui": 0, "ui": 0,
"show_in_graphql": 1, "show_in_graphql": 1,
"graphql_description": "", "graphql_description": "",
"graphql_field_name": "bgColor", "graphql_field_name": "bgColor",
"graphql_non_null": 1, "graphql_non_null": 1,
"ajax": 0, "ajax": 0,
"placeholder": "", "placeholder": "",
"create_options": 0, "create_options": 0,
"save_options": 0, "save_options": 0,
"allow_custom": 0, "allow_custom": 0,
"search_placeholder": "" "search_placeholder": ""
} }
], ],
"location": [ "location": [
[ [
{ {
"param": "abstract" "param": "abstract"
} }
] ]
], ],
"menu_order": 0, "menu_order": 0,
"position": "normal", "position": "normal",
"style": "default", "style": "default",
"label_placement": "top", "label_placement": "top",
"instruction_placement": "label", "instruction_placement": "label",
"hide_on_screen": "", "hide_on_screen": "",
"active": true, "active": true,
"description": "", "description": "",
"show_in_rest": 0, "show_in_rest": 0,
"display_title": "", "display_title": "",
"acfe_autosync": [ "acfe_autosync": ["json"],
"json" "acfe_form": 0,
], "show_in_graphql": 1,
"acfe_form": 0, "graphql_field_name": "GroupLayoutContained",
"show_in_graphql": 1, "map_graphql_types_from_location_rules": 0,
"graphql_field_name": "GroupLayoutContained", "graphql_types": "",
"map_graphql_types_from_location_rules": 0, "acfe_meta": "",
"graphql_types": "", "acfe_note": "",
"acfe_meta": "", "modified": 1768358794
"acfe_note": "",
"modified": 1768358794
} }

View File

@@ -1,158 +1,154 @@
{ {
"key": "group_options_site", "key": "group_options_site",
"title": "Options - Site", "title": "Options - Site",
"fields": [ "fields": [
{
"key": "field_697220310aaaf",
"label": "Email",
"name": "email",
"aria-label": "",
"type": "email",
"instructions": "",
"required": 1,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"allow_in_bindings": 0,
"placeholder": "",
"prepend": "",
"append": "",
"show_in_graphql": 1,
"graphql_description": "",
"graphql_field_name": "email",
"graphql_non_null": 1
},
{
"key": "field_697cbf414fdd5",
"label": "Phone number",
"name": "phone_number",
"aria-label": "",
"type": "phone",
"instructions": "",
"required": 1,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"initial_country": "CA",
"return_format": "national",
"allow_in_bindings": 0,
"show_in_graphql": 1,
"graphql_description": "",
"graphql_field_name": "phoneNumber",
"graphql_non_null": 1
},
{
"key": "field_697cd4c5fc56a",
"label": "Médias sociaux",
"name": "social",
"aria-label": "",
"type": "clone",
"instructions": "",
"required": 1,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"graphql_field_name": "social",
"clone": ["group_abstract_social"],
"display": "seamless",
"layout": "block",
"prefix_label": 0,
"prefix_name": 0,
"acfe_seamless_style": 0,
"acfe_clone_modal": 0,
"acfe_clone_modal_close": 0,
"acfe_clone_modal_button": "",
"acfe_clone_modal_size": "large"
},
{
"key": "field_697cc921234cc",
"label": "Liens globaux",
"name": "links",
"aria-label": "",
"type": "group",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"layout": "row",
"acfe_seamless_style": 0,
"acfe_group_modal": 0,
"show_in_graphql": 1,
"graphql_description": "",
"graphql_field_name": "links",
"graphql_non_null": 0,
"sub_fields": [
{ {
"key": "field_697220310aaaf", "key": "field_697cc93e234cd",
"label": "Email", "label": "Contact",
"name": "email", "name": "contact",
"aria-label": "", "aria-label": "",
"type": "email", "type": "link",
"instructions": "", "instructions": "",
"required": 1, "required": 1,
"conditional_logic": 0, "conditional_logic": 0,
"wrapper": { "wrapper": {
"width": "", "width": "",
"class": "", "class": "",
"id": "" "id": ""
}, },
"default_value": "", "return_format": "array",
"allow_in_bindings": 0, "allow_in_bindings": 0,
"placeholder": "", "show_in_graphql": 1,
"prepend": "", "graphql_description": "",
"append": "", "graphql_field_name": "contact",
"show_in_graphql": 1, "graphql_non_null": 1
"graphql_description": "",
"graphql_field_name": "email",
"graphql_non_null": 1
},
{
"key": "field_697cbf414fdd5",
"label": "Phone number",
"name": "phone_number",
"aria-label": "",
"type": "phone",
"instructions": "",
"required": 1,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"initial_country": "CA",
"return_format": "national",
"allow_in_bindings": 0,
"show_in_graphql": 1,
"graphql_description": "",
"graphql_field_name": "phoneNumber",
"graphql_non_null": 1
},
{
"key": "field_697cd4c5fc56a",
"label": "Médias sociaux",
"name": "social",
"aria-label": "",
"type": "clone",
"instructions": "",
"required": 1,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"graphql_field_name": "social",
"clone": [
"group_abstract_social"
],
"display": "seamless",
"layout": "block",
"prefix_label": 0,
"prefix_name": 0,
"acfe_seamless_style": 0,
"acfe_clone_modal": 0,
"acfe_clone_modal_close": 0,
"acfe_clone_modal_button": "",
"acfe_clone_modal_size": "large"
},
{
"key": "field_697cc921234cc",
"label": "Liens globaux",
"name": "links",
"aria-label": "",
"type": "group",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"layout": "row",
"acfe_seamless_style": 0,
"acfe_group_modal": 0,
"show_in_graphql": 1,
"graphql_description": "",
"graphql_field_name": "links",
"graphql_non_null": 0,
"sub_fields": [
{
"key": "field_697cc93e234cd",
"label": "Contact",
"name": "contact",
"aria-label": "",
"type": "link",
"instructions": "",
"required": 1,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"return_format": "array",
"allow_in_bindings": 0,
"show_in_graphql": 1,
"graphql_description": "",
"graphql_field_name": "contact",
"graphql_non_null": 1
}
],
"acfe_group_modal_close": 0,
"acfe_group_modal_button": "",
"acfe_group_modal_size": "large"
} }
], ],
"location": [ "acfe_group_modal_close": 0,
[ "acfe_group_modal_button": "",
{ "acfe_group_modal_size": "large"
"param": "options_page", }
"operator": "==", ],
"value": "site-options" "location": [
} [
] {
], "param": "options_page",
"menu_order": 0, "operator": "==",
"position": "normal", "value": "site-options"
"style": "seamless", }
"label_placement": "top", ]
"instruction_placement": "label", ],
"hide_on_screen": "", "menu_order": 0,
"active": true, "position": "normal",
"description": "", "style": "seamless",
"show_in_rest": 0, "label_placement": "top",
"display_title": "", "instruction_placement": "label",
"acfe_autosync": [ "hide_on_screen": "",
"json" "active": true,
], "description": "",
"acfe_form": 0, "show_in_rest": 0,
"show_in_graphql": 1, "display_title": "",
"graphql_field_name": "GroupSiteOptions", "acfe_autosync": ["json"],
"map_graphql_types_from_location_rules": 0, "acfe_form": 0,
"graphql_types": "", "show_in_graphql": 1,
"acfe_meta": "", "graphql_field_name": "GroupSiteOptions",
"acfe_note": "", "map_graphql_types_from_location_rules": 0,
"modified": 1769788698 "graphql_types": "",
"acfe_meta": "",
"acfe_note": "",
"modified": 1769788698
} }

View File

@@ -1,66 +1,60 @@
{ {
"key": "group_post_page", "key": "group_post_page",
"title": "Post - Page", "title": "Post - Page",
"fields": [ "fields": [
{ {
"key": "field_690cbda0abcbb", "key": "field_690cbda0abcbb",
"label": "Constructeur de page", "label": "Constructeur de page",
"name": "builder", "name": "builder",
"aria-label": "", "aria-label": "",
"type": "clone", "type": "clone",
"instructions": "", "instructions": "",
"required": 0, "required": 0,
"conditional_logic": 0, "conditional_logic": 0,
"wrapper": { "wrapper": {
"width": "", "width": "",
"class": "", "class": "",
"id": "" "id": ""
}, },
"graphql_field_name": "builder", "graphql_field_name": "builder",
"clone": [ "clone": ["group_abstract_builder"],
"group_abstract_builder" "display": "seamless",
], "layout": "block",
"display": "seamless", "prefix_label": 0,
"layout": "block", "prefix_name": 0,
"prefix_label": 0, "acfe_seamless_style": 0,
"prefix_name": 0, "acfe_clone_modal": 0,
"acfe_seamless_style": 0, "acfe_clone_modal_close": 0,
"acfe_clone_modal": 0, "acfe_clone_modal_button": "",
"acfe_clone_modal_close": 0, "acfe_clone_modal_size": "large"
"acfe_clone_modal_button": "", }
"acfe_clone_modal_size": "large" ],
} "location": [
], [
"location": [ {
[ "param": "post_type",
{ "operator": "==",
"param": "post_type", "value": "page"
"operator": "==", }
"value": "page" ]
} ],
] "menu_order": 0,
], "position": "normal",
"menu_order": 0, "style": "seamless",
"position": "normal", "label_placement": "top",
"style": "seamless", "instruction_placement": "label",
"label_placement": "top", "hide_on_screen": ["the_content"],
"instruction_placement": "label", "active": true,
"hide_on_screen": [ "description": "",
"the_content" "show_in_rest": 0,
], "display_title": "",
"active": true, "acfe_autosync": ["json"],
"description": "", "acfe_form": 0,
"show_in_rest": 0, "show_in_graphql": 1,
"display_title": "", "graphql_field_name": "GroupPostPage",
"acfe_autosync": [ "map_graphql_types_from_location_rules": 0,
"json" "graphql_types": "",
], "acfe_meta": "",
"acfe_form": 0, "acfe_note": "",
"show_in_graphql": 1, "modified": 1768336934
"graphql_field_name": "GroupPostPage",
"map_graphql_types_from_location_rules": 0,
"graphql_types": "",
"acfe_meta": "",
"acfe_note": "",
"modified": 1768336934
} }

View File

@@ -1,25 +1,25 @@
{ {
"key": "ui_options_page_site", "key": "ui_options_page_site",
"title": "Options du site", "title": "Options du site",
"active": true, "active": true,
"menu_order": 0, "menu_order": 0,
"page_title": "Options du site", "page_title": "Options du site",
"menu_slug": "site-options", "menu_slug": "site-options",
"parent_slug": "options-general.php", "parent_slug": "options-general.php",
"advanced_configuration": 1, "advanced_configuration": 1,
"icon_url": "", "icon_url": "",
"menu_title": "", "menu_title": "",
"position": "", "position": "",
"redirect": false, "redirect": false,
"description": "", "description": "",
"menu_icon": [], "menu_icon": [],
"update_button": "Mise à jour", "update_button": "Mise à jour",
"updated_message": "Options mises à jours", "updated_message": "Options mises à jours",
"capability": "edit_posts", "capability": "edit_posts",
"data_storage": "options", "data_storage": "options",
"post_id": "", "post_id": "",
"autoload": 0, "autoload": 0,
"show_in_graphql": 1, "show_in_graphql": 1,
"graphql_type_name": "SiteOptions", "graphql_type_name": "SiteOptions",
"modified": 1769693948 "modified": 1769693948
} }

View File

@@ -8,13 +8,27 @@
} }
/* Container sizes */ /* Container sizes */
@utility container { @apply mx-auto px-container max-w-(--breakpoint-2xl); } @utility container {
@utility container-xl { @apply container max-w-(--breakpoint-xl); } @apply mx-auto px-container max-w-(--breakpoint-2xl);
@utility container-lg { @apply container max-w-(--breakpoint-lg); } }
@utility container-md { @apply container max-w-(--breakpoint-md); } @utility container-xl {
@utility container-sm { @apply container max-w-(--breakpoint-sm); } @apply container max-w-(--breakpoint-xl);
@utility container-fluid { @apply container max-w-screen; } }
@utility container-none { @apply w-full max-w-screen; } @utility container-lg {
@apply container max-w-(--breakpoint-lg);
}
@utility container-md {
@apply container max-w-(--breakpoint-md);
}
@utility container-sm {
@apply container max-w-(--breakpoint-sm);
}
@utility container-fluid {
@apply container max-w-screen;
}
@utility container-none {
@apply w-full max-w-screen;
}
/* Split containers */ /* Split containers */
:root { :root {
@@ -42,6 +56,12 @@
} }
} }
@utility container-left { @apply ml-(--container-outside-margin) px-container;} @utility container-left {
@utility container-right { @apply mr-(--container-outside-margin) px-container;} @apply ml-(--container-outside-margin) px-container;
@utility container-half { width: calc(var(--container-width) / 2);} }
@utility container-right {
@apply mr-(--container-outside-margin) px-container;
}
@utility container-half {
width: calc(var(--container-width) / 2);
}

View File

@@ -2,6 +2,12 @@
@custom-variant links (& a:not([class*='link-']):not([class*='button-'])); @custom-variant links (& a:not([class*='link-']):not([class*='button-']));
/* Link styles */ /* Link styles */
@utility link-base { @apply cursor-pointer disabled-default transition; } @utility link-base {
@utility link-underline { @apply link-base underline hover:decoration-primary; } @apply cursor-pointer disabled-default transition;
@utility link-opacity { @apply link-base hover:opacity-80; } }
@utility link-underline {
@apply link-base underline hover:decoration-primary;
}
@utility link-opacity {
@apply link-base hover:opacity-80;
}

View File

@@ -1,15 +1,25 @@
@utility prose { @utility prose {
/* Headings (allow class overrides) */ /* Headings (allow class overrides) */
h1:not([class*="heading-"]) { @apply heading-1; } h1:not([class*="heading-"]) {
h2:not([class*="heading-"]) { @apply heading-2; } @apply heading-1;
h3:not([class*="heading-"]) { @apply heading-3; } }
h4:not([class*="heading-"]) { @apply heading-4; } h2:not([class*="heading-"]) {
@apply heading-2;
}
h3:not([class*="heading-"]) {
@apply heading-3;
}
h4:not([class*="heading-"]) {
@apply heading-4;
}
/* Links */ /* Links */
@apply links:link-underline; @apply links:link-underline;
/* Paragraphs */ /* Paragraphs */
p:not([class*="paragraph-"]) { @apply paragraph-base; } p:not([class*="paragraph-"]) {
@apply paragraph-base;
}
/* Spacing */ /* Spacing */
@apply space-y-2; @apply space-y-2;

View File

@@ -1,10 +1,24 @@
/* Heading styles */ /* Heading styles */
@utility heading-base { @apply font-bold tracking-tight }; @utility heading-base {
@utility heading-1 { @apply heading-base text-4xl; } @apply font-bold tracking-tight;
@utility heading-2 { @apply heading-base text-3xl; } }
@utility heading-3 { @apply heading-base text-2xl; } @utility heading-1 {
@utility heading-4 { @apply heading-base text-xl; } @apply heading-base text-4xl;
}
@utility heading-2 {
@apply heading-base text-3xl;
}
@utility heading-3 {
@apply heading-base text-2xl;
}
@utility heading-4 {
@apply heading-base text-xl;
}
/* Paragraph styles */ /* Paragraph styles */
@utility paragraph-base { @apply font-sans; } @utility paragraph-base {
@utility paragraph-lead { @apply paragraph-base text-2xl; } @apply font-sans;
}
@utility paragraph-lead {
@apply paragraph-base text-2xl;
}

View File

@@ -2,7 +2,7 @@
import type { AcfLinkFragment } from "#graphql/operations"; import type { AcfLinkFragment } from "#graphql/operations";
import type { ButtonProps } from "@nuxt/ui"; import type { ButtonProps } from "@nuxt/ui";
type AcfLinkButtonProps = & Omit<ButtonProps, "to" | "target" | "href"> & { type AcfLinkButtonProps = Omit<ButtonProps, "to" | "target" | "href"> & {
link?: AcfLinkFragment; link?: AcfLinkFragment;
showLabel?: boolean; showLabel?: boolean;
}; };

View File

@@ -1,5 +1,9 @@
fragment AcfMedia on GroupAbstractMedia_Fields { fragment AcfMedia on GroupAbstractMedia_Fields {
image { node { ... AcfImage } } image {
node {
...AcfImage
}
}
aspectRatio aspectRatio
objectFit objectFit
} }

View File

@@ -4,7 +4,14 @@ defineProps<{ social?: AcfSocialOutput }>();
<template> <template>
<div v-if="social?.profiles" class="flex gap-1.5"> <div v-if="social?.profiles" class="flex gap-1.5">
<a v-for="({ url, icon }, key) in social.profiles" :key="key" :href="url" target="_blank" rel="noopener noreferrer" class="flex"> <a
v-for="({ url, icon }, key) in social.profiles"
:key="key"
:href="url"
target="_blank"
rel="noopener noreferrer"
class="flex"
>
<UIcon :name="icon" /> <UIcon :name="icon" />
</a> </a>
</div> </div>

View File

@@ -7,7 +7,8 @@ const fields = [
label: "Courriel", label: "Courriel",
placeholder: "Entrez votre courriel", placeholder: "Entrez votre courriel",
required: true, required: true,
}, { },
{
name: "password", name: "password",
label: "Mot de passe", label: "Mot de passe",
type: "password" as const, type: "password" as const,

View File

@@ -5,12 +5,8 @@ const { logout } = useAuthConnexion();
<template> <template>
<div class="w-full space-y-6"> <div class="w-full space-y-6">
<div class="flex flex-col text-center"> <div class="flex flex-col text-center">
<div class="text-xl text-pretty font-semibold text-highlighted"> <div class="text-xl font-semibold text-pretty text-highlighted">Déconnexion</div>
Déconnexion <div class="mt-1 text-base text-pretty text-muted">Veuillez confirmer la déconnexion.</div>
</div>
<div class="mt-1 text-base text-pretty text-muted">
Veuillez confirmer la déconnexion.
</div>
</div> </div>
<UButton <UButton
icon="i-lucide-log-out" icon="i-lucide-log-out"

View File

@@ -1,12 +1,8 @@
<template> <template>
<div class="w-full space-y-6"> <div class="w-full space-y-6">
<div class="flex flex-col text-center"> <div class="flex flex-col text-center">
<div class="text-xl text-pretty font-semibold text-highlighted"> <div class="text-xl font-semibold text-pretty text-highlighted">Redirection en cours</div>
Redirection en cours <div class="mt-1 text-base text-pretty text-muted">Veuillez patienter...</div>
</div>
<div class="mt-1 text-base text-pretty text-muted">
Veuillez patienter...
</div>
</div> </div>
</div> </div>
</template> </template>

View File

@@ -1,7 +1,11 @@
fragment BuilderSections on GroupAbstractBuilder_Fields { fragment BuilderSections on GroupAbstractBuilder_Fields {
sections { sections {
__typename __typename
... on GroupAbstractBuilderSectionsHeroSplitLayout { ... SectionHeroSplit } ... on GroupAbstractBuilderSectionsHeroSplitLayout {
... on GroupAbstractBuilderSectionsTextBlockLayout { ... SectionTextBlock } ...SectionHeroSplit
}
... on GroupAbstractBuilderSectionsTextBlockLayout {
...SectionTextBlock
}
} }
} }

View File

@@ -2,6 +2,6 @@ fragment NodePage on Page {
title title
isFrontPage isFrontPage
groupPostPage { groupPostPage {
... BuilderSections ...BuilderSections
} }
} }

View File

@@ -6,7 +6,7 @@ defineProps<NodePageFragment>();
<template> <template>
<div id="node-page"> <div id="node-page">
<h1 v-if="!isFrontPage" class="font-bold text-4xl"> <h1 v-if="!isFrontPage" class="text-4xl font-bold">
{{ title }} {{ title }}
</h1> </h1>
<BuilderSections :sections="groupPostPage?.sections || []" /> <BuilderSections :sections="groupPostPage?.sections || []" />

View File

@@ -3,4 +3,3 @@ fragment SectionHeroSplit on GroupAbstractBuilderSectionsHeroSplitLayout {
reverse reverse
...AcfMedia ...AcfMedia
} }

View File

@@ -3,7 +3,7 @@ const { data: siteOptions } = await useSiteOptions();
</script> </script>
<template> <template>
<footer class="bg-accented links:link-prose"> <footer class="links:link-prose bg-accented">
<div class="container py-6"> <div class="container py-6">
<AcfSocial :social="parseAcfSocial(siteOptions)" /> <AcfSocial :social="parseAcfSocial(siteOptions)" />
</div> </div>

View File

@@ -3,8 +3,8 @@ const { connexionButton } = useAuthConnexion();
</script> </script>
<template> <template>
<div class="bg-inverted text-inverted py-1.5"> <div class="bg-inverted py-1.5 text-inverted">
<div class="container flex flex-col sm:flex-row items-center gap-3"> <div class="container flex flex-col items-center gap-3 sm:flex-row">
<SiteFooterCopyright class="sm:mr-auto" /> <SiteFooterCopyright class="sm:mr-auto" />
<UButton v-bind="connexionButton" color="neutral" variant="link" /> <UButton v-bind="connexionButton" color="neutral" variant="link" />
<SiteFooterCredits /> <SiteFooterCredits />

View File

@@ -1,6 +1,12 @@
<template> <template>
<div class="flex items-center gap-1"> <div class="flex items-center gap-1">
Fait avec <UIcon name="i-lucide-heart" /> par Fait avec <UIcon name="i-lucide-heart" /> par
<ULink href="https://websimple.com" target="_blank" external title="Site web développé par Websimple">Websimple</ULink> <ULink
href="https://websimple.com"
target="_blank"
external
title="Site web développé par Websimple"
>Websimple</ULink
>
</div> </div>
</template> </template>

View File

@@ -1,6 +1,3 @@
<script setup lang="ts">
</script>
<template> <template>
<UHeader mode="slideover"> <UHeader mode="slideover">
<template #left> <template #left>

View File

@@ -6,7 +6,7 @@ export function useAuthConnexion() {
const { isLoggedIn } = useAuth(); const { isLoggedIn } = useAuth();
const toast = useToast(); const toast = useToast();
const { fetch: refreshUserSession } = useUserSession(); const { fetch: refreshUserSession } = useUserSession();
const routeRedirect = useRoute().query.redirect as string || undefined; const routeRedirect = (useRoute().query.redirect as string) || undefined;
// Helper: Redirect after login / logout // Helper: Redirect after login / logout
async function redirectTo(to: string | undefined) { async function redirectTo(to: string | undefined) {
@@ -30,13 +30,13 @@ export function useAuthConnexion() {
duration: 3000, duration: 3000,
}); });
await redirectTo(redirect); await redirectTo(redirect);
} } catch (error) {
catch (error) {
console.log(error); console.log(error);
toast.add({ toast.add({
title: "Erreur de connexion", title: "Erreur de connexion",
color: "error", color: "error",
description: error instanceof Error ? error.message : "Une erreur est survenue lors de la connexion.", description:
error instanceof Error ? error.message : "Une erreur est survenue lors de la connexion.",
duration: 5000, duration: 5000,
}); });
} }
@@ -56,13 +56,15 @@ export function useAuthConnexion() {
duration: 3000, duration: 3000,
}); });
await redirectTo(redirect); await redirectTo(redirect);
} } catch (error) {
catch (error) {
console.log(error); console.log(error);
toast.add({ toast.add({
title: "Erreur de déconnexion", title: "Erreur de déconnexion",
color: "error", color: "error",
description: error instanceof Error ? error.message : "Une erreur est survenue lors de la déconnexion.", description:
error instanceof Error
? error.message
: "Une erreur est survenue lors de la déconnexion.",
duration: 5000, duration: 5000,
}); });
} }

View File

@@ -1,3 +1,8 @@
export const useGeneralSettings = () => useAsyncGraphQLQuery("GeneralSettings", {}, { export const useGeneralSettings = () =>
transform: ({ generalSettings }) => generalSettings, useAsyncGraphQLQuery(
}); "GeneralSettings",
{},
{
transform: ({ generalSettings }) => generalSettings,
}
);

View File

@@ -11,8 +11,7 @@ export function useProseLinks(refContent: Ref<HTMLElement | null>) {
try { try {
const hrefUrl = new URL(href); const hrefUrl = new URL(href);
return hrefUrl.hostname === siteUrl.hostname; return hrefUrl.hostname === siteUrl.hostname;
} } catch {
catch {
return false; return false;
} }
}; };
@@ -25,8 +24,7 @@ export function useProseLinks(refContent: Ref<HTMLElement | null>) {
if (hrefUrl.hostname === siteUrl.hostname) { if (hrefUrl.hostname === siteUrl.hostname) {
return hrefUrl.pathname + hrefUrl.search + hrefUrl.hash; return hrefUrl.pathname + hrefUrl.search + hrefUrl.hash;
} }
} } catch {
catch {
// Invalid URL // Invalid URL
} }
return href; return href;
@@ -39,7 +37,14 @@ export function useProseLinks(refContent: Ref<HTMLElement | null>) {
if (!link) return; if (!link) return;
const href = link.getAttribute("href"); const href = link.getAttribute("href");
if (!href) return; if (!href) return;
if (e.metaKey || e.ctrlKey || e.shiftKey || e.altKey || link.target === "_blank" || link.hasAttribute("download")) { if (
e.metaKey ||
e.ctrlKey ||
e.shiftKey ||
e.altKey ||
link.target === "_blank" ||
link.hasAttribute("download")
) {
return; return;
} }
if (isInternal(href)) { if (isInternal(href)) {

View File

@@ -2,7 +2,9 @@ import { breakpointsTailwind, useBreakpoints } from "@vueuse/core";
export function useResponsive() { export function useResponsive() {
const { isMobileOrTablet } = useDevice(); const { isMobileOrTablet } = useDevice();
const breakpoints = useBreakpoints(breakpointsTailwind, { ssrWidth: isMobileOrTablet ? 375 : 1024 }); const breakpoints = useBreakpoints(breakpointsTailwind, {
ssrWidth: isMobileOrTablet ? 375 : 1024,
});
const isDesktop = breakpoints.greaterOrEqual("lg"); const isDesktop = breakpoints.greaterOrEqual("lg");
return { breakpoints, isDesktop }; return { breakpoints, isDesktop };

View File

@@ -1,3 +1,8 @@
export const useSiteOptions = () => useAsyncGraphQLQuery("SiteOptions", {}, { export const useSiteOptions = () =>
transform: ({ siteOptions }) => siteOptions?.groupSiteOptions, useAsyncGraphQLQuery(
}); "SiteOptions",
{},
{
transform: ({ siteOptions }) => siteOptions?.groupSiteOptions,
}
);

View File

@@ -1,19 +1,19 @@
fragment AuthUser on User { fragment AuthUser on User {
id id
email email
roles { roles {
nodes { nodes {
name name
} }
} }
} }
mutation AuthLogin($username: String!, $password: String!) { mutation AuthLogin($username: String!, $password: String!) {
login( input: { provider: PASSWORD, credentials: { username: $username, password: $password }}) { login(input: { provider: PASSWORD, credentials: { username: $username, password: $password } }) {
authToken authToken
refreshToken refreshToken
user { user {
... AuthUser ...AuthUser
} }
} }
} }

View File

@@ -1,5 +1,5 @@
mutation AuthRefreshToken($refreshToken: String!) { mutation AuthRefreshToken($refreshToken: String!) {
refreshToken( input: { refreshToken: $refreshToken }) { refreshToken(input: { refreshToken: $refreshToken }) {
authToken authToken
} }
} }

View File

@@ -5,6 +5,6 @@ fragment GeneralSettings on GeneralSettings {
query GeneralSettings { query GeneralSettings {
generalSettings { generalSettings {
... GeneralSettings ...GeneralSettings
} }
} }

View File

@@ -18,10 +18,10 @@ query NodeByUri($uri: String!) {
nodeByUri(uri: $uri) { nodeByUri(uri: $uri) {
__typename __typename
... on Page { ... on Page {
... NodePage ...NodePage
} }
... on NodeWithRankMathSeo { ... on NodeWithRankMathSeo {
... NodeSeo ...NodeSeo
} }
} }
} }

View File

@@ -1,16 +1,20 @@
fragment SiteOptions on GroupSiteOptions { fragment SiteOptions on GroupSiteOptions {
email email
phoneNumber { ... AcfPhone } phoneNumber {
...AcfPhone
}
...AcfSocial ...AcfSocial
links { links {
contact { ... AcfLink} contact {
...AcfLink
}
} }
} }
query SiteOptions { query SiteOptions {
siteOptions { siteOptions {
groupSiteOptions { groupSiteOptions {
... SiteOptions ...SiteOptions
} }
} }
} }

View File

@@ -4,13 +4,21 @@ const { path: uri } = useRoute();
const { data, error } = await useAsyncGraphQLQuery("NodeByUri", { uri }); const { data, error } = await useAsyncGraphQLQuery("NodeByUri", { uri });
if (!data.value?.nodeByUri) { if (!data.value?.nodeByUri) {
console.error("NodeByUri query error:", error.value); console.error("NodeByUri query error:", error.value);
throw createError({ statusCode: 404, message: `La page demandée est introuvable: ${uri}`, fatal: true }); throw createError({
statusCode: 404,
message: `La page demandée est introuvable: ${uri}`,
fatal: true,
});
} }
// Dynamically resolve component based on node type // Dynamically resolve component based on node type
const componentName = `Node${data.value.nodeByUri.__typename}`; const componentName = `Node${data.value.nodeByUri.__typename}`;
if (!useNuxtApp().vueApp.component(componentName)) { if (!useNuxtApp().vueApp.component(componentName)) {
throw createError({ statusCode: 404, message: `La page demandée ne peut pas être affichée correctement: ${componentName}`, fatal: true }); throw createError({
statusCode: 404,
message: `La page demandée ne peut pas être affichée correctement: ${componentName}`,
fatal: true,
});
} }
useNodeSeo(data.value.nodeByUri); useNodeSeo(data.value.nodeByUri);

View File

@@ -1,5 +1,5 @@
import * as z from "zod";
import type { AcfLinkFragment } from "#graphql/operations"; import type { AcfLinkFragment } from "#graphql/operations";
import * as z from "zod";
const acfLinkSchema = z.object({ const acfLinkSchema = z.object({
title: z.string(), title: z.string(),
@@ -11,8 +11,7 @@ export type AcfLinkOutput = z.infer<typeof acfLinkSchema>;
export function parseAcfLink(data?: Partial<AcfLinkFragment>) { export function parseAcfLink(data?: Partial<AcfLinkFragment>) {
try { try {
return acfLinkSchema.parse(data); return acfLinkSchema.parse(data);
} } catch {
catch {
return undefined; return undefined;
} }
} }

View File

@@ -22,8 +22,7 @@ export const acfMediaSchema = z.object({
export function parseAcfMedia(data?: Partial<AcfMediaFragment>) { export function parseAcfMedia(data?: Partial<AcfMediaFragment>) {
try { try {
return acfMediaSchema.parse(data); return acfMediaSchema.parse(data);
} } catch {
catch {
return undefined; return undefined;
} }
} }

View File

@@ -1,7 +1,9 @@
import * as z from "zod";
import type { AcfSocialFragment } from "#graphql/operations"; import type { AcfSocialFragment } from "#graphql/operations";
import * as z from "zod";
const socialProfile = z.object({ url: z.url() }).transform(({ url }) => ({ url, icon: getSocialIcon(url) })); const socialProfile = z
.object({ url: z.url() })
.transform(({ url }) => ({ url, icon: getSocialIcon(url) }));
const acfSocialSchema = z.object({ const acfSocialSchema = z.object({
profiles: z.array(socialProfile), profiles: z.array(socialProfile),
}); });
@@ -10,8 +12,7 @@ export type AcfSocialOutput = z.infer<typeof acfSocialSchema>;
export function parseAcfSocial(data?: AcfSocialFragment) { export function parseAcfSocial(data?: AcfSocialFragment) {
try { try {
return acfSocialSchema.parse(data); return acfSocialSchema.parse(data);
} } catch {
catch {
return undefined; return undefined;
} }
} }

File diff suppressed because one or more lines are too long

View File

@@ -1,8 +0,0 @@
// @ts-check
import withNuxt from "./.nuxt/eslint.config.mjs";
export default withNuxt({ rules: {
"vue/max-attributes-per-line": "off",
"vue/no-v-html": "off",
} },
);

View File

@@ -2,12 +2,16 @@ import { version } from "./package.json";
const siteUrl = process.env.NUXT_SITE_URL; const siteUrl = process.env.NUXT_SITE_URL;
if (!siteUrl) { if (!siteUrl) {
throw new Error(`NUXT_SITE_URL is not defined. Make sure to set it in your build environment variables.`); throw new Error(
`NUXT_SITE_URL is not defined. Make sure to set it in your build environment variables.`
);
} }
const wpUrl = process.env.NUXT_WP_URL; const wpUrl = process.env.NUXT_WP_URL;
if (!wpUrl) { if (!wpUrl) {
throw new Error(`NUXT_WP_URL is not defined. Make sure to set it in your build environment variables.`); throw new Error(
`NUXT_WP_URL is not defined. Make sure to set it in your build environment variables.`
);
} }
const wpDomain = new URL(wpUrl).hostname; const wpDomain = new URL(wpUrl).hostname;
@@ -15,10 +19,8 @@ const enableCloudflareImages = Boolean(process.env.ENABLE_CLOUDFLARE_IMAGES);
// https://nuxt.com/docs/api/configuration/nuxt-config // https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({ export default defineNuxtConfig({
modules: [ modules: [
"@lewebsimple/nuxt-graphql", "@lewebsimple/nuxt-graphql",
"@nuxt/eslint",
"@nuxt/image", "@nuxt/image",
"@nuxt/ui", "@nuxt/ui",
"@nuxtjs/device", "@nuxtjs/device",
@@ -28,9 +30,7 @@ export default defineNuxtConfig({
], ],
components: { components: {
dirs: [ dirs: [{ path: "~/components", pathPrefix: false }],
{ path: "~/components", pathPrefix: false },
],
}, },
devtools: { enabled: true }, devtools: { enabled: true },
@@ -68,18 +68,6 @@ export default defineNuxtConfig({
}, },
}, },
eslint: {
config: {
stylistic: {
arrowParens: true,
commaDangle: "always-multiline",
indent: 2,
quotes: "double",
semi: true,
},
},
},
graphql: { graphql: {
client: { client: {
cache: { cache: {
@@ -112,5 +100,4 @@ export default defineNuxtConfig({
componentPrefix: "Svg", componentPrefix: "Svg",
defaultImport: "component", defaultImport: "component",
}, },
}); });

View File

@@ -1,15 +1,16 @@
{ {
"name": "@lewebsimple/moonshine", "name": "@lewebsimple/moonshine",
"description": "Headless WordPress theme based on Nuxt.",
"version": "0.1.13", "version": "0.1.13",
"type": "module",
"private": true, "private": true,
"description": "Headless WordPress theme based on Nuxt.",
"type": "module",
"scripts": { "scripts": {
"build": "pnpm --sequential /build:.*/", "build": "pnpm --sequential /build:.*/",
"build:nuxt": "nuxt build", "build:nuxt": "nuxt build",
"dev": "nuxt dev", "dev": "nuxt dev",
"editor-style": "pnpx @tailwindcss/cli -i ./app/assets/css/_main.css -o ./editor-style.css --minify", "editor-style": "pnpx @tailwindcss/cli -i ./app/assets/css/_main.css -o ./editor-style.css --minify",
"lint": "eslint . --fix", "format": "oxfmt .",
"lint": "oxlint . --fix",
"postinstall": "pnpm --sequential /postinstall:.*/", "postinstall": "pnpm --sequential /postinstall:.*/",
"postinstall:wrangler-types": "wrangler types ./server/types/cloudflare.d.ts", "postinstall:wrangler-types": "wrangler types ./server/types/cloudflare.d.ts",
"postinstall:nuxt": "nuxt prepare", "postinstall:nuxt": "nuxt prepare",
@@ -17,7 +18,7 @@
"preview:build": "pnpm run build", "preview:build": "pnpm run build",
"preview:wrangler-dev": "wrangler dev --port 3000", "preview:wrangler-dev": "wrangler dev --port 3000",
"release": "pnpm --sequential /release:.*/", "release": "pnpm --sequential /release:.*/",
"release:lint": "eslint .", "release:lint": "oxlint .",
"release:typecheck": "nuxt typecheck", "release:typecheck": "nuxt typecheck",
"release:changelogen": "changelogen --noAuthors --release --push" "release:changelogen": "changelogen --noAuthors --release --push"
}, },
@@ -39,9 +40,9 @@
"zod": "^4.3.6" "zod": "^4.3.6"
}, },
"devDependencies": { "devDependencies": {
"@nuxt/eslint": "^1.13.0",
"changelogen": "^0.6.2", "changelogen": "^0.6.2",
"eslint": "^9.39.2", "oxfmt": "^0.27.0",
"oxlint": "^1.42.0",
"typescript": "^5.9.3", "typescript": "^5.9.3",
"vue-tsc": "^3.2.4", "vue-tsc": "^3.2.4",
"wrangler": "^4.61.1" "wrangler": "^4.61.1"

File diff suppressed because it is too large Load Diff

View File

@@ -5,17 +5,17 @@ export default defineEventHandler(async (event) => {
if (!data?.login) { if (!data?.login) {
throw new Error("INVALID_LOGIN"); throw new Error("INVALID_LOGIN");
} }
if (!await handleLogin(event, data)) { if (!(await handleLogin(event, data))) {
throw new Error("LOGIN_FAILED"); throw new Error("LOGIN_FAILED");
} }
return { success: true, message: "Connexion réussie" }; return { success: true, message: "Connexion réussie" };
} } catch (error) {
catch (error) {
const messages = { const messages = {
INVALID_LOGIN: "Identifiants invalides. Veuillez réessayer.", INVALID_LOGIN: "Identifiants invalides. Veuillez réessayer.",
LOGIN_FAILED: "Une erreur est survenue lors de la connexion. Veuillez réessayer plus tard.", LOGIN_FAILED: "Une erreur est survenue lors de la connexion. Veuillez réessayer plus tard.",
}; };
const message = (error instanceof Error && error.message in messages) ? error.message : "LOGIN_FAILED"; const message =
error instanceof Error && error.message in messages ? error.message : "LOGIN_FAILED";
return { success: false, message: messages[message as keyof typeof messages] }; return { success: false, message: messages[message as keyof typeof messages] };
} }
}); });

View File

@@ -4,9 +4,9 @@ export default defineEventHandler(async (event) => {
try { try {
await handleLogout(event); await handleLogout(event);
return { success: true, message: "Déconnexion réussie" }; return { success: true, message: "Déconnexion réussie" };
} } catch (error) {
catch (error) { const message =
const message = error instanceof Error ? error.message : "Une erreur est survenue lors de la déconnexion."; error instanceof Error ? error.message : "Une erreur est survenue lors de la déconnexion.";
return { success: false, message }; return { success: false, message };
} }
}); });

File diff suppressed because it is too large Load Diff

View File

@@ -4,7 +4,9 @@ export default defineRemoteExecutorHooks({
onRequest(request) { onRequest(request) {
// Attach the Authorization header if an authToken is present in the context // Attach the Authorization header if an authToken is present in the context
if (request.context?.authToken) { if (request.context?.authToken) {
request.extensions = defu(request.extensions, { headers: { Authorization: `Bearer ${request.context.authToken}` } }); request.extensions = defu(request.extensions, {
headers: { Authorization: `Bearer ${request.context.authToken}` },
});
} }
}, },
}); });

View File

@@ -1,9 +1,9 @@
import type { H3Event } from "h3";
import { jwtDecode } from "jwt-decode";
import type { User } from "#auth-utils"; import type { User } from "#auth-utils";
import type { AuthUserFragment, AuthLoginMutationResult } from "#graphql/operations"; import type { AuthUserFragment, AuthLoginMutationResult } from "#graphql/operations";
import { AuthRefreshTokenDocument } from "#graphql/operations"; import { AuthRefreshTokenDocument } from "#graphql/operations";
import type { ResultOf } from "#graphql/registry"; import type { ResultOf } from "#graphql/registry";
import type { H3Event } from "h3";
import { jwtDecode } from "jwt-decode";
// Handle login result and store user session // Handle login result and store user session
export async function handleLogin(event: H3Event, loginResult: AuthLoginMutationResult) { export async function handleLogin(event: H3Event, loginResult: AuthLoginMutationResult) {
@@ -54,10 +54,13 @@ export async function refreshAuthToken(refreshToken: string): Promise<string | u
const refreshPromise = (async () => { const refreshPromise = (async () => {
const { wpUrl } = useRuntimeConfig(); const { wpUrl } = useRuntimeConfig();
const endpoint = `${wpUrl}/graphql`; const endpoint = `${wpUrl}/graphql`;
const { data } = await executeGraphQLHTTP<ResultOf<"AuthRefreshToken">>({ const { data } = await executeGraphQLHTTP<ResultOf<"AuthRefreshToken">>(
query: AuthRefreshTokenDocument, {
variables: { refreshToken }, query: AuthRefreshTokenDocument,
}, { endpoint }); variables: { refreshToken },
},
{ endpoint }
);
return data?.refreshToken?.authToken || undefined; return data?.refreshToken?.authToken || undefined;
})(); })();
@@ -91,8 +94,7 @@ export async function getAuthToken(event: H3Event): Promise<string | undefined>
} }
session.secure.authToken = newAuthToken; session.secure.authToken = newAuthToken;
await setUserSession(event, session); await setUserSession(event, session);
} } catch {
catch {
await clearUserSession(event); await clearUserSession(event);
return; return;
} }

View File

@@ -16,4 +16,4 @@ declare module "#auth-utils" {
} }
} }
export { }; export {};

View File

@@ -2,9 +2,7 @@
"$schema": "./node_modules/wrangler/config-schema.json", "$schema": "./node_modules/wrangler/config-schema.json",
"main": "./output/server/index.mjs", "main": "./output/server/index.mjs",
"compatibility_date": "2026-01-27", "compatibility_date": "2026-01-27",
"compatibility_flags": [ "compatibility_flags": ["nodejs_compat"],
"nodejs_compat"
],
"observability": { "observability": {
"enabled": true "enabled": true
}, },