update dependencies

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dinkie-icons/root",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "private": true,
   "license": "MIT",
   "repository": {
@@ -13,7 +13,7 @@
   },
   "devDependencies": {
     "svgo": "^3.0.2",
-    "typescript": "^5.1.6",
-    "vite": "^4.4.2"
+    "typescript": "^5.2.2",
+    "vite": "^4.4.9"
   }
 }

packages/react-example/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dinkie-icons/react-example",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "private": true,
   "author": "Xiangdong Zeng <[email protected]>",
   "license": "MIT",
@@ -20,12 +20,12 @@
   },
   "devDependencies": {
     "@dinkie-icons/react": "workspace:^",
-    "@types/react": "^18.2.14",
-    "@types/react-dom": "^18.2.6",
-    "@vitejs/plugin-react": "^4.0.3",
+    "@types/react": "^18.2.21",
+    "@types/react-dom": "^18.2.7",
+    "@vitejs/plugin-react": "^4.0.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "typescript": "^5.1.6",
-    "vite": "^4.4.2"
+    "typescript": "^5.2.2",
+    "vite": "^4.4.9"
   }
 }

packages/react-example/src/App.tsx

@@ -4,26 +4,26 @@ import {
   DinkieIconBird12,
   DinkieIconBirdFilled12,
   DinkieIconSmirkingFace12,
-  DinkieIconTwitter12,
-  DinkieIconTwitter10,
+  DinkieIconBrandTwitter12,
+  DinkieIconBrandTwitter10,
 } from '@dinkie-icons/react'
 import styles from './App.module.css'
 
 const App = () => (
   <div className={styles.App}>
-    <h1>Dinkie Icons</h1>
+    <h1>Dinkie Icons (React)</h1>
     <h2>9&times;9</h2>
     <div className={styles.Container}>
       <DinkieIconCherries10 className={styles.Icon10} />
-      <DinkieIconTwitter10 className={styles.Icon10} />
+      <DinkieIconBrandTwitter10 className={styles.Icon10} />
     </div>
     <h2>11&times;11</h2>
     <div className={styles.Container}>
       <DinkieIconCherries12 className={styles.Icon12} />
       <DinkieIconBird12 className={styles.Icon12} />
       <DinkieIconBirdFilled12 className={styles.Icon12} />
       <DinkieIconSmirkingFace12 className={styles.Icon12} />
-      <DinkieIconTwitter12 className={styles.Icon12} />
+      <DinkieIconBrandTwitter12 className={styles.Icon12} />
     </div>
   </div>
 )

packages/react-example/src/main.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import ReactDOM from 'react-dom/client'
-import App from './App.tsx'
+import App from './App'
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
   <React.StrictMode>

packages/react-example/tsconfig.json

@@ -10,6 +10,7 @@
     "jsx": "preserve",
     "baseUrl": ".",
     "lib": [
+      "DOM",
       "esnext"
     ]
   },

packages/react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dinkie-icons/react",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "author": "Xiangdong Zeng <[email protected]>",
   "license": "MIT",
   "repository": {
@@ -28,14 +28,14 @@
     "build": "vite build"
   },
   "dependencies": {
-    "@types/react": "^18.2.14",
+    "@types/react": "^18.2.21",
     "react": "^18.2.0"
   },
   "devDependencies": {
-    "@types/node": "^20.4.1",
-    "@vitejs/plugin-react": "^4.0.3",
-    "typescript": "^5.1.6",
-    "vite": "^4.4.2",
-    "vite-plugin-dts": "^3.2.0"
+    "@types/node": "^20.6.0",
+    "@vitejs/plugin-react": "^4.0.4",
+    "typescript": "^5.2.2",
+    "vite": "^4.4.9",
+    "vite-plugin-dts": "^3.5.3"
   }
 }

packages/vue-example/env.d.ts

@@ -1 +1,6 @@
 /// <reference types="vite/client" />
+
+declare module '*.vue' {
+  import { defineComponent } from 'vue'
+  export default defineComponent
+}

packages/vue-example/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dinkie-icons/vue-example",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "private": true,
   "author": "Xiangdong Zeng <[email protected]>",
   "license": "MIT",
@@ -20,11 +20,11 @@
   },
   "devDependencies": {
     "@dinkie-icons/vue": "workspace:^",
-    "@types/node": "^20.4.1",
-    "@vitejs/plugin-vue": "^4.2.3",
-    "typescript": "^5.1.6",
-    "vite": "^4.4.2",
+    "@types/node": "^20.6.0",
+    "@vitejs/plugin-vue": "^4.3.4",
+    "typescript": "^5.2.2",
+    "vite": "^4.4.9",
     "vue": "^3.3.4",
-    "vue-tsc": "^1.8.4"
+    "vue-tsc": "^1.8.10"
   }
 }

packages/vue-example/src/App.vue

@@ -5,26 +5,26 @@ import {
   DinkieIconBird12,
   DinkieIconBirdFilled12,
   DinkieIconSmirkingFace12,
-  DinkieIconTwitter12,
-  DinkieIconTwitter10,
+  DinkieIconBrandTwitter12,
+  DinkieIconBrandTwitter10,
 } from '@dinkie-icons/vue'
 </script>
 
 <template>
   <div class="App">
-    <h1>Dinkie Icons</h1>
+    <h1>Dinkie Icons (Vue)</h1>
     <h2>9&times;9</h2>
     <div class="Container">
       <DinkieIconCherries10 class="Icon10" />
-      <DinkieIconTwitter10 class="Icon10" />
+      <DinkieIconBrandTwitter10 class="Icon10" />
     </div>
     <h2>11&times;11</h2>
     <div class="Container">
       <DinkieIconCherries12 class="Icon12" />
       <DinkieIconBird12 class="Icon12" />
       <DinkieIconBirdFilled12 class="Icon12" />
       <DinkieIconSmirkingFace12 class="Icon12" />
-      <DinkieIconTwitter12 class="Icon12" />
+      <DinkieIconBrandTwitter12 class="Icon12" />
     </div>
   </div>
 </template>

packages/vue/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dinkie-icons/vue",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "author": "Xiangdong Zeng <[email protected]>",
   "license": "MIT",
   "repository": {
@@ -31,9 +31,9 @@
     "vue": "^3.3.4"
   },
   "devDependencies": {
-    "@types/node": "^20.4.1",
-    "typescript": "^5.1.6",
-    "vite": "^4.4.2",
-    "vite-plugin-dts": "^3.2.0"
+    "@types/node": "^20.6.0",
+    "typescript": "^5.2.2",
+    "vite": "^4.4.9",
+    "vite-plugin-dts": "^3.5.3"
   }
 }