feat: update/convert to devbox

.codesandbox/tasks.json

@@ -0,0 +1,32 @@
+{
+  // These tasks will run in order when initializing your CodeSandbox project.
+  "setupTasks": [
+    {
+      "name": "Install Dependencies",
+      "command": "yarn install"
+    }
+  ],
+
+  // These tasks can be run from CodeSandbox. Running one will open a log in the app.
+  "tasks": {
+    "install": {
+      "name": "install dependencies",
+      "command": "pnpm install"
+    },
+
+    "dev": {
+      "name": "dev",
+      "command": "yarn dev",
+      "runAtStart": true,
+      "preview": {
+        "port": 8123
+      }
+    },
+
+    "build": {
+      "name": "build",
+      "command": "yarn build",
+      "runAtStart": false
+    }
+  }
+}

.codesandbox/template.json

@@ -0,0 +1,7 @@
+{
+  "title": "Quasar Framework",
+  "description": "Starter template for Quasar Framework",
+  "iconUrl": "https://raw.githubusercontent.com/codesandbox/sandbox-templates/main/vite-ts/.codesandbox/icon.png",
+  "tags": ["quasar", "vite", "javascript"],
+  "published": true
+}

.devcontainer/devcontainer.json

@@ -0,0 +1,4 @@
+{
+  "name": "Devcontainer",
+  "image": "mcr.microsoft.com/devcontainers/javascript-node:18"
+}

package.json

@@ -8,6 +8,8 @@
   "private": true,
   "scripts": {
     "start": "quasar dev",
+    "dev": "quasar dev",
+    "build": "quasar build",
     "post-update": "yarn upgrade",
     "test": "echo \"No test specified\" && exit 0"
   },

quasar.config.js

@@ -75,8 +75,7 @@ export default configure((/* ctx */) => {
        * Leave these here for Codesandbox to work
        */
       open: false,
-      host: '0.0.0.0',
-      port: 443
+      port: 8123
     },
 
     // https://v2.quasar.dev/quasar-cli-vite/quasar-config-js#framework