add tailwind css

app/javascript/packs/application.ts

@@ -12,4 +12,5 @@
 // Turbolinks.start()
 // ActiveStorage.start()
 
+import "stylesheets/application"
 import './src/index'

app/javascript/packs/src/App.tsx

@@ -9,10 +9,10 @@ export const App = () => (
   <Router>
     <Switch>
       <Route path="/about">
-      <div>About!</div>
+        <div>About!</div>
       </Route>
       <Route path="/">
-        <div>Hello World!</div>
+        <div className="bg-gray-600">Hello World!</div>
       </Route>
     </Switch>
   </Router>

app/javascript/stylesheets/application.scss

@@ -0,0 +1,3 @@
+@import "tailwindcss/base";
+@import "tailwindcss/components";
+@import "tailwindcss/utilities";

app/javascript/stylesheets/tailwind.config.js

@@ -0,0 +1,11 @@
+module.exports = {
+  purge: [],
+  darkMode: false, // or 'media' or 'class'
+  theme: {
+    extend: {},
+  },
+  variants: {
+    extend: {},
+  },
+  plugins: [],
+}