Galleria fixes

app.vue

@@ -79,3 +79,8 @@ export default {
     }
 };
 </script>
+
+<style lang="scss">
+@import '@/assets/styles/landing/landing.scss';
+@import '@/assets/styles/app/app.scss';
+</style>

layouts/default.vue

@@ -20,11 +20,11 @@
 
 <script>
 import DomHandler from '@/components/utils/DomHandler';
-import AppTopBar from './AppTopBar.vue';
-import AppMenu from './AppMenu.vue';
-import AppFooter from './AppFooter.vue';
 import AppConfigurator from './AppConfigurator.vue';
+import AppFooter from './AppFooter.vue';
+import AppMenu from './AppMenu.vue';
 import AppNews from './AppNews.vue';
+import AppTopBar from './AppTopBar.vue';
 
 export default {
     data() {
@@ -127,7 +127,3 @@ export default {
     }
 };
 </script>
-
-<style lang="scss">
-@import './assets/styles/app/app.scss';
-</style>

nuxt.config.js

@@ -13,12 +13,12 @@ export default defineNuxtConfig({
                 {
                     id: 'home-table-link',
                     rel: 'stylesheet',
-                    href: 'styles/landing/themes/lara-light-blue/theme.css'
+                    href: '/styles/landing/themes/lara-light-blue/theme.css'
                 },
                 {
                     id: 'theme-link',
                     rel: 'stylesheet',
-                    href: `themes/lara-light-blue/theme.css`
+                    href: `/themes/lara-light-blue/theme.css`
                 }
             ]
         }

pages/index.vue

@@ -107,8 +107,3 @@ export default {
     }
 };
 </script>
-
-<style lang="scss">
-@import '@/assets/styles/landing/landing.scss';
-@import '@/assets/styles/app/app.scss';
-</style>

service/PhotoService.js

@@ -1,6 +1,6 @@
 export default class PhotoService {
     getImages() {
-        return fetch('demo/data/photos.json')
+        return fetch('/demo/data/photos.json')
             .then((res) => res.json())
             .then((d) => d.data);
     }