Convert tags code to TypeScript

.changeset/config.json

@@ -9,5 +9,7 @@
   "access": "public",
   "baseBranch": "main",
   "updateInternalDependencies": "patch",
-  "ignore": []
+  "ignore": [
+    "minimal-portfolio-example"
+  ]
 }

.changeset/violet-comics-rescue.md

@@ -0,0 +1,5 @@
+---
+"@dotnetthailand/gatsby-theme-minimal-portfolio": patch
+---
+
+Convert existing code to TypeScript

@dotnetthailand/gatsby-theme-minimal-portfolio/README.md

@@ -3,3 +3,5 @@
 Reusable Gatsby Theme for minimal-portfolio
 
 > Edit this project is only when you want to contribute to the project.
+
+https://www.npmjs.com/org/dotnetthailand

@dotnetthailand/gatsby-theme-minimal-portfolio/gatsby-node.js

@@ -157,7 +157,7 @@ exports.createPages = async ({ graphql, actions }, { config }) => {
   // https://www.gatsbyjs.com/docs/adding-tags-and-categories-to-blog-posts/
   // Extract tag data from query
   const tags = markdownQueryResult.data.tags.group
-  const tagTemplate = require.resolve('./src/templates/tags.js')
+  const tagTemplate = require.resolve('./src/templates/tags.tsx')
   // Make tag pages
   tags.forEach(tag => {
     createPage({

@dotnetthailand/gatsby-theme-minimal-portfolio/src/pages/tags.js → @dotnetthailand/gatsby-theme-minimal-portfolio/src/pages/tags.tsx

@@ -1,12 +1,11 @@
-import React, { useContext } from "react"
-import PropTypes from "prop-types"
-import { Helmet } from "react-helmet";
-import Layout from "../layout/PageLayout";
+import React from 'react'
+import { Helmet } from 'react-helmet';
+import Layout from '../layout/PageLayout';
 // Utilities
-import kebabCase from "lodash/kebabCase"
+import kebabCase from 'lodash/kebabCase'
 
 // Components
-import { Link, graphql } from "gatsby"
+import { Link, graphql } from 'gatsby'
 
 const TagsPage = ({
   data: {
@@ -19,7 +18,7 @@ const TagsPage = ({
 
   return (
     <Layout>
-      <div className="about-container">
+      <div className='about-container'>
         <Helmet title={title} />
         <div>
           <h1>Tags</h1>

@dotnetthailand/gatsby-theme-minimal-portfolio/src/templates/tags.js → @dotnetthailand/gatsby-theme-minimal-portfolio/src/templates/tags.tsx

@@ -1,14 +1,11 @@
 import React, { useContext } from "react"
-import PropTypes from "prop-types"
 import { Helmet } from "react-helmet";
 import Layout from "../layout/PageLayout";
-import ConfigContext from "../context/ConfigContext";
 
 // Components
 import { Link, graphql } from "gatsby"
 
 const Tags = ({ pageContext, data }) => {
-  const config = useContext(ConfigContext);
   const { tag } = pageContext
   const { edges, totalCount } = data.allMarkdownRemark
   const tagHeader = `${totalCount} ${totalCount === 1 ? "activity" : "activities"} tagged with "${tag}"`

@dotnetthailand/gatsby-theme-minimal-portfolio/tsconfig.json

@@ -13,7 +13,8 @@
     "noUnusedParameters": true,
     "removeComments": false,
     "preserveConstEnums": true,
-    "allowJs": true
+    "allowJs": true,
+    "noImplicitAny": false,
   },
   "include": ["./src/**/*"]
 }

README.md

@@ -97,3 +97,7 @@ NOTE: You can also disable the pagination by setting the `postsPerPage: 0`. In t
 - [ ] Migrate to TS
 [ ] Set up JS Lint to remove unused variables 
 [ ] Fix error when clicking tag
+
+
+space to select
+# https://www.npmjs.com/settings/dotnetthailand/packages

minimal-portfolio-example/gatsby-config.js

@@ -3,10 +3,10 @@ const config = require('./SiteConfig');
 module.exports = {
   plugins: [
     {
-      resolve: "@dotnet-thailand/gatsby-theme-minimal-portfolio",
+      resolve: "@dotnetthailand/gatsby-theme-minimal-portfolio",
       options: {
         config: config
       },
     },
   ],
-}
+}