docs: configure redirects from vuepress site

apps/docs/components/middleware/redirects.global.ts

@@ -0,0 +1,15 @@
+export default defineNuxtRouteMiddleware((to, from) => {
+  if (to.path === '/getting-started') {
+    const { selectedFramework } = useFramework();
+    return navigateTo('/getting-started/' + selectedFramework.value.name);
+  }
+  let path = to.path;
+
+  // remove framework (vue/react) from paths for customization
+  if (path.includes('/customization') || path.includes('/browser-support') || path.includes('components.html') || path.includes('blocks.html') || path.includes('hooks.html')) {
+    path = path.replace('/vue', '').replace('/react', '');
+  }
+  if (path.includes('.html')) {
+    return navigateTo(path.replace('.html', '').toLowerCase());
+  }
+});

apps/docs/components/pages/[framework]/blocks/[block].vue

@@ -8,6 +8,6 @@ const route = useRoute();
 
 <template>
   <NuxtLayout name="fullscreen">
-    <ContentDoc :path="`/_blocks/${route.params.block}`" />
+    <ContentDoc :path="`/_blocks/${route.params.block.toString().toLowerCase()}`" />
   </NuxtLayout>
 </template>

apps/docs/components/pages/[framework]/components/[component].vue

@@ -8,6 +8,6 @@ const route = useRoute();
 
 <template>
   <NuxtLayout name="fullscreen">
-    <ContentDoc :path="`/_components/${route.params.component}`" />
+    <ContentDoc :path="`/_components/${route.params.component.toString().toLowerCase()}`" />
   </NuxtLayout>
 </template>

apps/docs/components/pages/[framework]/hooks/[hook].vue

@@ -8,6 +8,6 @@ const route = useRoute();
 
 <template>
   <NuxtLayout name="fullscreen">
-    <ContentDoc :path="`/_hooks/${route.params.hook}`" />
+    <ContentDoc :path="`/_hooks/${route.params.hook.toString().toLowerCase()}`" />
   </NuxtLayout>
 </template>