refactor(settings): push route object instead of raw string

Modified the useSettingsPage composable to use a route object instead
of a raw string in goToSettingsPage and moved settings route child
routes into the settings route itself using 'rest(.*)*'.

src/features/settings/composables/useSettingsPage.js

@@ -20,14 +20,19 @@ const normalizePagePath = function normalizePagePath (path) {
     return path
         .replace(/\.+/g, '.')
         .replace(/^\.+|\.+$/g, '')
-        .replace(/\./g, '/');
+        .split('.');
 };
 
 export const useSettingsPage = function useSettingsPage () {
     const router = useRouter();
 
     const goToSettingsPage = function goToSettingsPage (pagePath) {
-        return router.push(`/settings/${normalizePagePath(pagePath)}`);
+        return router.push({
+            name: 'settings',
+            params: {
+                rest: normalizePagePath(pagePath)
+            }
+        });
     };
 
     return { goToSettingsPage };

src/router/index.js

@@ -40,15 +40,9 @@ const routes = [
         }
     },
     {
-        path: '/settings',
+        path: '/settings/:rest(.*)*',
         name: 'settings',
         component: SettingsView,
-        children: [
-            {
-                path: ':rest(.*)',
-                component: SettingsView
-            }
-        ],
         meta: {
             title: () => i18n.global.t('preferences.settings')
         }