Merge pull request #55 from umstek/upgrade/october

Wickramaranga Abeygunawardhana · web-flow · commit 47cb7de63221 · 2021-10-16T19:54:11.000+05:30
Upgrade to use production version of parcel 2
diff --git a/package.json b/package.json
@@ -1,7 +1,6 @@
 {
   "name": "parcel-typescript-react-tailwind",
-  "version": "1.0.2",
-  "main": "dist/index.html",
+  "version": "2.0.0",
   "license": "MIT",
   "description": "Trying-out Tailwind CSS with Parcel",
   "scripts": {
@@ -10,13 +9,13 @@
     "clean": "rm -rf .parcel-cache dist"
   },
   "devDependencies": {
-    "@parcel/transformer-image": "2.0.0-beta.2",
-    "@types/react": "17.0.13",
-    "@types/react-dom": "17.0.8",
-    "autoprefixer": "10.2.6",
-    "parcel": "2.0.0-beta.2",
-    "postcss": "8.3.5",
-    "typescript": "4.3.5"
+    "@parcel/transformer-image": "2.0.0",
+    "@types/react": "17.0.30",
+    "@types/react-dom": "17.0.9",
+    "autoprefixer": "10.3.7",
+    "parcel": "2.0.0",
+    "postcss": "8.3.9",
+    "typescript": "4.4.4"
   },
   "dependencies": {
     "postcss-import": "^14.0.1",
diff --git a/readme.md b/readme.md
@@ -1,6 +1,6 @@
 # Trying-out Tailwind CSS with Parcel
 
-A few months ago, I was searching for a UI kit to use in one of my hobby react apps. I found some good-looking React UI kits like [Ant Design](http://ant.design), [BlueprintJS](https://blueprintjs.com) and [Evergreen](https://evergreen.segment.com) but sometimes the bloat becomes unbearable and customizability becomes a priority. [Material UI](https://material-ui.com) is said to be the most popular one, but, no thanks; not a fan of material UI. Anyway, the discussion on available react UI kits is a topic for a different post. Here what happened was that I tried to create my own UI kit with SASS and soon found out that there is a gap between my idea on how the components should look and my knowledge on how to use CSS properly.
+Some years ago, I was searching for a UI kit to use in one of my hobby react apps. I found some good-looking React UI kits like [Ant Design](http://ant.design), [BlueprintJS](https://blueprintjs.com) and [Evergreen](https://evergreen.segment.com) but sometimes the bloat becomes unbearable and customizability becomes a priority. [Material UI](https://material-ui.com) is said to be the most popular one, but, no thanks; not a fan of material UI. Anyway, the discussion on available react UI kits is a topic for a different post. Here what happened was that I tried to create my own UI kit with SASS and soon found out that there is a gap between my idea on how the components should look and my knowledge on how to use CSS properly.
 
 # What is Tailwind CSS?
 
diff --git a/src/index.html b/src/index.html
@@ -8,6 +8,6 @@
   </head>
   <body>
     <div id="app"></div>
-    <script src="./main.ts"></script>
+    <script type="module" src="./main.ts"></script>
   </body>
 </html>
diff --git a/yarn.lock b/yarn.lock
