upgrade to Worker v4

Author: Brayan-724

.github/workflows/deploy.yml

@@ -20,7 +20,7 @@ on:
 
 jobs:
   deploy:
-    runs-on: ubuntu-22.04
+    runs-on: ubuntu-latest
     steps:
       - name: Checkout
         uses: actions/checkout@v4
@@ -29,17 +29,18 @@ jobs:
         run: bun install
 
       - name: Build
-        run: bunx nuxi build --preset=cloudflare_pages
+        run: bunx nuxi build
 
       - name: Deploy
         uses: cloudflare/wrangler-action@v3
         # env:
           # YOUR_SECRET: ${{ secrets.YOUR_SECRET }}
           # YOUR_OTHER_SECRET: ${{ secrets.YOUR_OTHER_SECRET }}
         with:
+          wranglerVersion: "4.19.1"
           apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
           accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
-          command: pages deploy ./dist --project-name roadmap
+          command: deploy
           # secrets: |
           #   YOUR_SECRET
           #   YOUR_OTHER_SECRET

components/sidebar/ReadStatus.vue

@@ -28,7 +28,7 @@
 
 <script setup>
 import { ref } from "vue";
-import Dropdown from "v-dropdown";
+import { Dropdown } from "v-dropdown";
 
 const { $locally } = useNuxtApp();
 const allStatus = ["Pendiente", "Leyendo", "Completado", "Omitir"];

flake.lock

@@ -3,32 +3,52 @@
     nixpkgs.url = "github:NixOS/nixpkgs/nixos-unstable";
     fenix.url = "github:nix-community/fenix";
     flake-utils.url = "github:numtide/flake-utils";
+    workerd = {
+      url = "github:getchoo/workerd-docker";
+      inputs.nixpkgs.follows = "nixpkgs";
+    };
+    wrangler = {
+      # Use 4.19.1
+      url = "github:ryand56/wrangler/1141a859c59e05ceb901d14790f0f75a6c5de3f5";
+      inputs.nixpkgs.follows = "nixpkgs";
+    };
   };
 
   outputs = {
-    self,
     nixpkgs,
     flake-utils,
     ...
   } @ inputs:
     flake-utils.lib.eachSystem (flake-utils.lib.defaultSystems) (
       system: let
-        pkgs = nixpkgs.legacyPackages.${system};
-        fenix = inputs.fenix.packages;
+        pkgs = import nixpkgs { inherit system; };
+        fenix = inputs.fenix.packages.${system};
+        workerd = inputs.workerd.packages.${system}.workerd;
+        wrangler = inputs.wrangler.packages.${system}.wrangler;
+
         # fenix: rustup replacement for reproducible builds
-        toolchain = fenix.${system}.fromToolchainFile {
+        toolchain = fenix.fromToolchainFile {
           file = ./rust-toolchain.toml;
-          sha256 = "sha256-Ngiz76YP4HTY75GGdH2P+APE/DEIx2R/Dn+BwwOyzZU=";
+          sha256 = "sha256-KUm16pHj+cRedf8vxs/Hd2YWxpOrWZ7UOrwhILdSJBU=";
         };
       in {
         # `nix develop`
         devShells.default = pkgs.mkShell {
           packages = with pkgs; [
-            toolchain
             pkg-config
-            cargo-dist
             git-cliff
+            wrangler
+
+            # Rust
+            toolchain
+            cargo-dist
+
+            # NodeJs
+            nodejs_22
+            bun
           ];
+
+          MINIFLARE_WORKERD_PATH = "${workerd}/bin/workerd";
         };
       }
     );

flake.nix

@@ -3,7 +3,7 @@ const generateContentRoutes = require('./generateContentRoutes');
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
   devtools: { enabled: true },
-  modules: ["@nuxt/content", "@nuxtjs/tailwindcss", "@nuxtjs/seo"],
+  modules: ["nitro-cloudflare-dev", "@nuxt/content", "@nuxtjs/tailwindcss", "@nuxtjs/seo"],
   site: {
     url: 'https://roadmap.rustlang-es.org',
     name: 'Hoja de Ruta Definitiva para Aprender Rust',
@@ -12,6 +12,11 @@ export default defineNuxtConfig({
   },
   ogImage: { enabled: false },
   nitro: {
+    preset: "cloudflare_module",
+    cloudflare: {
+      deployConfig: true,
+      nodeCompat: true
+    },
     prerender: {
       routes: ['/sitemap.xml'],
     }