chore: update settings

Author: warmthsea

.codesandbox/tasks.json

@@ -0,0 +1,30 @@
+{
+  "setupTasks": [
+    {
+      "name": "Install Dependencies",
+      "command": "pnpm install"
+    }
+  ],
+  "tasks": {
+    "dev": {
+      "name": "Development Server",
+      "command": "pnpm dev",
+      "runAtStart": true,
+      "preview": {
+        "port": 3333
+      }
+    },
+    "build": {
+      "name": "Build Project",
+      "command": "pnpm build"
+    },
+    "lint": {
+      "name": "Lint Code",
+      "command": "pnpm lint"
+    },
+    "test": {
+      "name": "Run Tests",
+      "command": "pnpm test"
+    }
+  }
+}

.codesandbox/template.json

@@ -0,0 +1,9 @@
+{
+  "template": "node",
+  "container": {
+    "node": "22"
+  },
+  "infiniteLoopProtection": true,
+  "hardReloadOnChange": false,
+  "view": "browser"
+}

package.json

@@ -4,7 +4,8 @@
   "packageManager": "[email protected]",
   "scripts": {
     "build": "vite build",
-    "dev": "vite --port 3333 --open",
+    "dev": "vite --port 3333 --host",
+    "dev:local": "vite --port 3333 --open",
     "lint": "eslint .",
     "typecheck": "vue-tsc",
     "preview": "vite preview",

src/pages/index.vue

@@ -3,11 +3,16 @@ defineOptions({
   name: 'IndexPage',
 })
 
-const name = ref('')
+const name = ref('Element Plus Demo')
 </script>
 
 <template>
-  <div class="w-screen h-screen flex items-center justify-center">
-    <el-input v-model="name" class="mt-10 !w-60" placeholder="please input" />
+  <div class="w-screen h-screen flex flex-col items-center justify-center">
+    <h1 class="text-lg mb-4">
+      {{ name }}
+    </h1>
+    <div>
+      <el-input v-model="name" size="large" clearable class="!w-60" placeholder="please input" />
+    </div>
   </div>
 </template>