Upgrade documentation dependencies

Author: cmfcmf

docs/docusaurus.config.js

@@ -23,7 +23,7 @@ module.exports = {
         alt: 'Sun Logo',
         src: 'img/logo.svg',
       },
-      links: [
+      items: [
         {to: 'docs/getting-started', label: 'Docs', position: 'left'},
         {
           href: githubUrl,
@@ -86,7 +86,10 @@ module.exports = {
       copyright: `Copyright © ${new Date().getFullYear()} Christian Flach.
       This project is not affiliated with OpenWeatherMap.`,
     },
-    disableDarkMode: true, // dark mode requires localstorage, which requires a cookie banner. We don't want the cookie banner.
+    colorMode: {
+       // dark mode requires localstorage, which might require a cookie banner. We don't want the cookie banner.
+      disableSwitch: true
+    },
     sidebarCollapsible: false,
   },
   presets: [

docs/package.json

@@ -6,13 +6,14 @@
     "start": "docusaurus start",
     "build": "docusaurus build",
     "swizzle": "docusaurus swizzle",
+    "serve": "docusaurus serve",
     "deploy": "docusaurus deploy"
   },
   "dependencies": {
     "@cmfcmf/docusaurus-search-local": "https://github.com/cmfcmf/docusaurus-search-local",
-    "@docusaurus/core": "^2.0.0-alpha.56",
-    "@docusaurus/preset-classic": "^2.0.0-alpha.56",
-    "classnames": "^2.2.6",
+    "@docusaurus/core": "^2.0.0-alpha.59",
+    "@docusaurus/preset-classic": "^2.0.0-alpha.59",
+    "clsx": "^1.1.1",
     "react": "^16.13.1",
     "react-dom": "^16.13.1"
   },

docs/src/pages/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import classnames from 'classnames';
+import clsx from 'clsx';
 import Layout from '@theme/Layout';
 import Link from '@docusaurus/Link';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
@@ -46,7 +46,7 @@ const features = [
 function Feature({imageUrl, title, description}) {
   const imgUrl = useBaseUrl(imageUrl);
   return (
-    <div className={classnames('col col--4', styles.feature)}>
+    <div className={clsx('col col--4', styles.feature)}>
       {imgUrl && (
         <div className="text--center">
           <img className={styles.featureImage} src={imgUrl} alt={title} />
@@ -65,13 +65,13 @@ function Home() {
     <Layout
       title={siteConfig.title}
       description={siteConfig.tagline}>
-      <header className={classnames('hero hero--primary', styles.heroBanner)}>
+      <header className={clsx('hero hero--primary', styles.heroBanner)}>
         <div className="container">
           <h1 className="hero__title">{siteConfig.title}</h1>
           <p className="hero__subtitle">{siteConfig.tagline}</p>
           <div className={styles.buttons}>
             <Link
-              className={classnames(
+              className={clsx(
                 'button button--outline button--secondary button--lg',
                 styles.getStarted,
               )}