Docs for v2.0

components/video.js

@@ -1,52 +1,65 @@
-import { useRef, useCallback, useEffect } from 'react'
-import { useInView } from 'react-intersection-observer'
-import 'intersection-observer'
+import { useRef, useCallback, useEffect } from "react";
+import { useInView } from "react-intersection-observer";
+import "intersection-observer";
 
 export default ({ src, caption, ratio }) => {
   const [inViewRef, inView] = useInView({
     threshold: 1,
-  })
-  const videoRef = useRef()
+  });
+  const videoRef = useRef();
 
   const setRefs = useCallback(
     (node) => {
       // Ref's from useRef needs to have the node assigned to `current`
-      videoRef.current = node
+      videoRef.current = node;
       // Callback refs, like the one from `useInView`, is a function that takes the node as an argument
-      inViewRef(node)
+      inViewRef(node);
 
       if (node) {
-        node.addEventListener('click', function () {
+        node.addEventListener("click", function () {
           if (this.paused) {
-            this.play()
+            this.play();
           } else {
-            this.pause()
+            this.pause();
           }
-        })
+        });
       }
     },
     [inViewRef]
-  )
+  );
 
   useEffect(() => {
     if (!videoRef || !videoRef.current) {
-      return
+      return;
     }
 
     if (inView) {
-      videoRef.current.play()
+      videoRef.current.play();
     } else {
-      videoRef.current.pause()
+      videoRef.current.pause();
     }
-  }, [inView])
+  }, [inView]);
 
   return (
-    <div style={{ position: 'relative', margin: '2rem 1rem' }}>
-      <div style={{ paddingBottom: ratio * 100 + '%' }}/>
-      <video style={{ position: 'absolute', top: 0, left: 0 }} loop muted autoPlay playsInline ref={setRefs}>
+    <div style={{ position: "relative", margin: "2rem 1rem" }}>
+      <div style={{ paddingBottom: ratio * 100 + "%" }} />
+      <video
+        style={{ position: "absolute", top: 0, left: 0 }}
+        loop
+        muted
+        autoPlay
+        playsInline
+        ref={setRefs}
+      >
         <source src={src} type="video/mp4" />
       </video>
-      {caption && <figcaption style={{ fontSize: '.9rem', textAlign: 'center' }}>{caption}</figcaption>}
+      {caption && (
+        <figcaption
+          style={{ fontSize: ".9rem", textAlign: "center", marginTop: "1em" }}
+        >
+          {caption}
+        </figcaption>
+      )}
     </div>
-  )
-}
+  );
+};

next.config.js

@@ -32,6 +32,11 @@ module.exports = withNextra({
         destination: "/docs/advanced/cache",
         statusCode: 301,
       },
+      {
+        source: "/docs/options",
+        destination: "/docs/api",
+        statusCode: 301
+      },
       {
         source: "/change-log",
         destination: "/docs/change-log",

pages/blog/meta.en-US.json

@@ -1,3 +1,4 @@
 {
+  "swr-v2": "Announcing SWR 2.0",
   "swr-v1": "Announcing SWR 1.0"
 }

pages/blog/meta.es-ES.json

@@ -1,3 +1,4 @@
 {
+  "swr-v2": "Announcing SWR 2.0",
   "swr-v1": "Announcing SWR 1.0"
 }

pages/blog/meta.ja.json

@@ -1,3 +1,4 @@
 {
+  "swr-v2": "SWR 2.0 の発表",
   "swr-v1": "SWR 1.0 の発表"
 }

pages/blog/meta.ko.json

@@ -1,3 +1,4 @@
 {
+  "swr-v2": "Announcing SWR 2.0",
   "swr-v1": "SWR 1.0 알림"
 }

pages/blog/meta.pt-BR.json

@@ -1,3 +1,4 @@
-{
-  "swr-v1": "Anunciando SWR 1.0"
-}
+{
+  "swr-v2": "Announcing SWR 2.0",
+  "swr-v1": "Anunciando SWR 1.0"
+}

pages/blog/meta.ru.json

@@ -1,3 +1,4 @@
 {
+  "swr-v2": "Announcing SWR 2.0",
   "swr-v1": "Представляем SWR 1.0"
 }

pages/blog/meta.zh-CN.json

@@ -1,3 +1,4 @@
 {
+  "swr-v2": "Announcing SWR 2.0",
   "swr-v1": "SWR 1.0 发布"
 }