Route redirects (#317)

* Catch all route

* Extension redirect

* Clean up deprecations

app/root.tsx

@@ -1,7 +1,7 @@
 import { useEffect, useRef } from 'react'
 import type {
-  DataFunctionArgs,
   LinksFunction,
+  LoaderFunctionArgs,
   MetaFunction,
 } from '@remix-run/node'
 import {
@@ -91,7 +91,7 @@ export const meta: MetaFunction = () => {
   ]
 }
 
-export async function loader({ request }: DataFunctionArgs) {
+export async function loader({ request }: LoaderFunctionArgs) {
   const themeSession = await getThemeSession(request)
 
   return {

app/routes/$.tsx

@@ -0,0 +1,6 @@
+import { redirect } from '@remix-run/node'
+import type { LoaderFunctionArgs } from '@remix-run/node'
+
+export async function loader({ params }: LoaderFunctionArgs) {
+  return redirect('/')
+}

app/routes/blog.$slug.tsx

@@ -1,5 +1,5 @@
-import { json } from '@remix-run/node'
-import type { DataFunctionArgs, MetaFunction } from '@remix-run/node'
+import { json, redirect } from '@remix-run/node'
+import type { LoaderFunctionArgs, MetaFunction } from '@remix-run/node'
 import { useLoaderData } from '@remix-run/react'
 
 import BlogPost from '~/components/BlogPost'
@@ -8,8 +8,14 @@ import PreviousBlogPosts from '~/components/PreviousBlogPosts'
 import { getPostBySlug, getPreviousBlogPosts } from '~/utils/post.server'
 import { getSocialMeta } from '~/utils/seo'
 
-export async function loader({ params }: DataFunctionArgs) {
+export async function loader({ params }: LoaderFunctionArgs) {
   const currentSlug = params.slug || ''
+  // redirect urls as /blog/some-slug.md to /blog/some-slug
+  const [actualSlug, extension] = currentSlug.split('.')
+
+  if (extension) {
+    return redirect(`/blog/${actualSlug}`)
+  }
 
   const [post, previousBlogPosts] = await Promise.all([
     getPostBySlug(currentSlug),