修改ETabs样式，增加icon组件

content/1.简单文档/1.index.md

@@ -5,20 +5,52 @@ navigation:
   icon: i-lucide-house
 ---
 
-::div{label="PostgreSQL" icon="lucide:database"}
-### PostgreSQL column types
 
-```ts
-import { integer, pgTable } from 'drizzle-orm/pg-core';
+::ETabs
+  ::div{label="PostgreSQL" icon="lucide:database"}
+  ### PostgreSQL column types
 
-export const table = pgTable('table', {
-  int: integer('int')
-});
-```
+  ```ts
+  import { integer, pgTable } from 'drizzle-orm/pg-core';
+
+  export const table = pgTable('table', {
+    int: integer('int')
+  });
+  ```
+  ::
+  ::div{label="MySQL"}
+  ### MySQL column types
+
+  ```ts
+  import { int, mysqlTable } from 'drizzle-orm/mysql-core';
+
+  const table = mysqlTable('table', {
+    int: int('int')
+  });
+  ```
+  ::
+  ::div{label="SQLite"}
+  ### SQLite column types
+
+  ```ts
+  import { integer, sqliteTable } from 'drizzle-orm/sqlite-core';
+
+  const table = sqliteTable('table', {
+    id: integer('id')
+  });
+
+  // you can customize integer mode to be number, boolean, timestamp, timestamp_ms
+  integer('id', { mode: 'number' });
+  integer('id', { mode: 'boolean' });
+  integer('id', { mode: 'timestamp_ms' });
+  integer('id', { mode: 'timestamp' }); // Date
+  ```
+  ::
 ::
 
 
-:read-more{to="/getting-started/writing/markdown"}
+
+:read-more{to="/getting-started/writing/markdown" color="neutral"}
 :read-more{title="Nuxt website" to="https://nuxt.com/" }
 :read-more{to="https://nuxt.com/"}
 :read-more{icon="lucide:link" title="Nuxt website"}