Fix small details

app/app.vue

@@ -23,6 +23,11 @@ watch(loggedIn, async () => {
 function toggleColorMode() {
   colorMode.preference = colorMode.preference === 'dark' ? 'light' : 'dark'
 }
+
+defineShortcuts({
+  t: () => toggleColorMode(),
+  c: () => toggleColorMode(),
+})
 </script>
 
 <template>

app/components/Application.vue

@@ -12,7 +12,7 @@ defineProps<{
     <h1 class="font-bold text-xl mb-4">
       {{ title }}
     </h1>
-    <div v-if="apps" class="grid grid-cols-5 gap-4">
+    <div v-if="apps" class="grid grid-cols-1 sm:grid-cols-3 md:grid-cols-5 gap-4">
       <ULink v-for="app in apps" :key="app.name" :to="app.url" target="_blank">
         <UCard :ui="{ body: { base: 'space-y-4' } }">
           <div v-if="app.nuxt" class="text-xl flex gap-1 items-center">
@@ -32,7 +32,7 @@ defineProps<{
             <UBadge
               v-for="tag in app.tags"
               :key="tag.name"
-              variant="soft"
+              variant="outline"
               :label="tag.name"
               :color="tag.color"
               :ui="{ rounded: 'rounded-full' }"

app/pages/index.vue

@@ -33,12 +33,9 @@ onMounted(() => {
         </div>
       </template>
       <template #default>
-        <h1 class="font-bold text-black dark:text-white text-lg">
+        <h1 class="font-bold text-black dark:text-white text-lg space-y-2">
           Welcome to ArtHome
         </h1>
-        <p v-if="!authorized && loggedIn">
-          You're not authorized to access
-        </p>
         <p>
           ArtHome is a private platform. You need to request access to be able to use it by asking to
           <a
@@ -48,6 +45,9 @@ onMounted(() => {
             target="_blank"
           >Arthur Danjou</a>
         </p>
+        <p v-if="!authorized && loggedIn" class="text-red-500 font-medium">
+          You're not authorized to access
+        </p>
       </template>
       <template #footer>
         <p class="italic text-sm">

content/maths/geogebra.json

@@ -1,5 +1,5 @@
 {
-  "name": "GeoGebra Calculator",
+  "name": "GeoGebra Calc",
   "url": "https://www.geogebra.org/calculator",
   "tags": [
     {

nuxt.config.ts

@@ -24,6 +24,11 @@ export default defineNuxtConfig({
     '@nuxthq/studio',
   ],
 
+  // Nuxt UI
+  ui: {
+    safelistColors: ['slate', 'gray', 'zinc', 'neutral', 'stone', 'red', 'orange', 'amber', 'yellow', 'lime', 'green', 'emerald', 'teal', 'cyan', 'sky', 'blue', 'indigo', 'violet', 'purple', 'fuchsia', 'pink', 'rose'],
+  },
+
   // Nuxt Hub
   hub: {
     cache: true,

package.json

@@ -4,12 +4,9 @@
   "private": true,
   "packageManager": "pnpm@9.5.0",
   "scripts": {
-    "build": "nuxt build",
     "dev": "nuxt dev --host",
-    "generate": "nuxt generate",
-    "preview": "nuxt preview",
+    "remote": "nuxt dev --remote --host",
     "postinstall": "nuxt prepare",
-    "lint": "eslint .",
     "lint:fix": "eslint . --fix",
     "db:generate": "drizzle-kit generate"
   },

server/database/migrations/0001_medical_joshua_kane.sql

@@ -0,0 +1,2 @@
+ALTER TABLE `users`
+    ADD `description` text DEFAULT '';

server/database/migrations/meta/0001_snapshot.json

@@ -0,0 +1,65 @@
+{
+  "version": "6",
+  "dialect": "sqlite",
+  "id": "77aafe70-876c-4c45-84d6-5261fa288bae",
+  "prevId": "a30470ea-8de9-4ff0-b0c9-d6b8a6264726",
+  "tables": {
+    "users": {
+      "name": "users",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "integer",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "''"
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "''"
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "''"
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_DATE)"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    }
+  },
+  "enums": {},
+  "_meta": {
+    "schemas": {},
+    "tables": {},
+    "columns": {}
+  },
+  "internal": {
+    "indexes": {}
+  }
+}

server/database/migrations/meta/_journal.json

@@ -8,6 +8,13 @@
       "when": 1724341642346,
       "tag": "0000_salty_thena",
       "breakpoints": true
+    },
+    {
+      "idx": 1,
+      "version": "6",
+      "when": 1724343948344,
+      "tag": "0001_medical_joshua_kane",
+      "breakpoints": true
     }
   ]
-}
+}

server/database/schema.ts

@@ -5,5 +5,6 @@ export const users = sqliteTable('users', {
   id: integer('id').primaryKey(),
   name: text('name').default(''),
   email: text('email').default(''),
+  description: text('description').default(''),
   createdAt: text('created_at').default(sql`(CURRENT_DATE)`),
 })