fix(cli/fragments): change solid's className to class, closes #144 (#150)

Author: amrbashir

.changes/solid-className-to-class.md

@@ -0,0 +1,5 @@
+---
+"create-tauri-app": "patch"
+---
+
+Fix solid template IDE type errors by changing `className` to `class`

packages/cli/fragments/fragment-solid-ts/src/App.tsx

@@ -12,18 +12,18 @@ function App() {
   }
 
   return (
-    <div className="container">
+    <div class="container">
       <h1>Welcome to Tauri!</h1>
 
-      <div className="row">
+      <div class="row">
         <a href="https://vitejs.dev" target="_blank">
-          <img src="/vite.svg" className="logo vite" alt="Vite logo" />
+          <img src="/vite.svg" class="logo vite" alt="Vite logo" />
         </a>
         <a href="https://tauri.app" target="_blank">
-          <img src="/tauri.svg" className="logo tauri" alt="Tauri logo" />
+          <img src="/tauri.svg" class="logo tauri" alt="Tauri logo" />
         </a>
         <a href="https://solidjs.com" target="_blank">
-          <img src={logo} className="logo solid" alt="Solid logo" />
+          <img src={logo} class="logo solid" alt="Solid logo" />
         </a>
       </div>
 
@@ -32,7 +32,7 @@ function App() {
         framework.
       </p>
 
-      <div className="row">
+      <div class="row">
         <div>
           <input
             id="greet-input"

packages/cli/fragments/fragment-solid/src/App.jsx

@@ -12,18 +12,18 @@ function App() {
   }
 
   return (
-    <div className="container">
+    <div class="container">
       <h1>Welcome to Tauri!</h1>
 
-      <div className="row">
+      <div class="row">
         <a href="https://vitejs.dev" target="_blank">
-          <img src="/vite.svg" className="logo vite" alt="Vite logo" />
+          <img src="/vite.svg" class="logo vite" alt="Vite logo" />
         </a>
         <a href="https://tauri.app" target="_blank">
-          <img src="/tauri.svg" className="logo tauri" alt="Tauri logo" />
+          <img src="/tauri.svg" class="logo tauri" alt="Tauri logo" />
         </a>
         <a href="https://solidjs.com" target="_blank">
-          <img src={logo} className="logo solid" alt="Solid logo" />
+          <img src={logo} class="logo solid" alt="Solid logo" />
         </a>
       </div>
 
@@ -32,7 +32,7 @@ function App() {
         framework.
       </p>
 
-      <div className="row">
+      <div class="row">
         <div>
           <input
             id="greet-input"