From c7dfc30f6ef5e776b0d56d80e51c5cb363a9fe49 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jos=C3=A9=20Luis=20Pereira?= Date: Sun, 16 Mar 2025 22:22:54 -0300 Subject: [PATCH 1/4] Update README.md --- README.md | 47 +++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 47 insertions(+) diff --git a/README.md b/README.md index aed85aa..099691e 100644 --- a/README.md +++ b/README.md @@ -210,6 +210,53 @@ export default { } ``` +### Customizing the Layout + +The application comes with a default layout that includes a header and a footer. If you'd like to replace this layout with your own, you can do so by creating a custom layout file. + +Steps to replace the default layout + +1. In the root folder of your project, create a new folder called `layouts` (if it doesn't already exist). +2. Inside this folder, create a file named default.vue. +3. Define your custom layout structure inside this file as needed. + +Example of layout/default.vue + +```vuejs + +``` + +This custom layout will replace the default one and be applied throughout the application. You can include your own elements, such as a navigation bar or footer, as needed. + +#### Using Multiple Layouts + +In addition to replacing the default layout, you can create multiple layouts by adding more .vue files inside the layout folder. You can then specify which layout to use for a specific page by setting the layout name in the meta property of the `` tag in your Single File Component (SFC). + +JSON5: + +```js + +{ + meta: { + layout: 'custom' + } +} + +``` + +YAML: + +```yaml + +meta: + layout: custom + +``` + ### External panels To add panels in Taxa pages, create a folder called `panels` in your `setup` branch, and inside it create another folder for your panel. For example: `panels/PanelTest` From f0fe34d23058d2b6eaff6509f28348a20900e87e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jos=C3=A9=20Luis=20Pereira?= Date: Sun, 16 Mar 2025 22:24:58 -0300 Subject: [PATCH 2/4] Update .gitignore --- .gitignore | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/.gitignore b/.gitignore index a352c4e..8c1a897 100644 --- a/.gitignore +++ b/.gitignore @@ -1,6 +1,10 @@ * !pages !pages/** +!panels +!panels/** +!layouts +!layouts/** !config !config/** !public From 513786372667f235c3737401778f2a1a1c898277 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jos=C3=A9=20Luis=20Pereira?= Date: Sun, 16 Mar 2025 23:20:12 -0300 Subject: [PATCH 3/4] Update .gitignore --- .gitignore | 2 ++ 1 file changed, 2 insertions(+) diff --git a/.gitignore b/.gitignore index 8c1a897..8c86210 100644 --- a/.gitignore +++ b/.gitignore @@ -1,4 +1,6 @@ * +!components +!components/** !pages !pages/** !panels From a416987e6b49aef782135b416c785c9efab4d5d5 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jos=C3=A9=20Luis=20Pereira?= Date: Mon, 17 Mar 2025 10:43:19 -0300 Subject: [PATCH 4/4] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 099691e..f4a0d72 100644 --- a/README.md +++ b/README.md @@ -220,7 +220,7 @@ Steps to replace the default layout 2. Inside this folder, create a file named default.vue. 3. Define your custom layout structure inside this file as needed. -Example of layout/default.vue +Example of layouts/default.vue ```vuejs