{
  pkgs,
  lib,
  ...
}: let
  plugins = (import ./extensions.lock) {
    pkgs = pkgs;
    lib = lib;
  };
in {
  programs.vscode = {
    extensions = with plugins; [
      # General
      christian-kohler.npm-intellisense
      denoland.vscode-deno
      esbenp.prettier-vscode
      liamhammett.inline-parameters
      yatki.vscode-surround

      # CSS
      bradlc.vscode-tailwindcss
      pranaygp.vscode-css-peek
      stylelint.vscode-stylelint
      zignd.html-css-class-completion

      # ServiceNow
      #servicenow.now-vscode
      arnoudkooicom.sn-scriptsync

      # Svelte
      svelte.svelte-vscode

      # Tauri
      tauri-apps.tauri-vscode

      # Testing
      ms-playwright.playwright
    ];
    userSettings = {
      "[javascript]"."editor.defaultFormatter" = "esbenp.prettier-vscode";
      "[typescript]"."editor.defaultFormatter" = "esbenp.prettier-vscode";
      "[typescriptreact]"."editor.defaultFormatter" = "esbenp.prettier-vscode";
      "[json]"."editor.defaultFormatter" = "esbenp.prettier-vscode";
      "[jsonc]"."editor.defaultFormatter" = "esbenp.prettier-vscode";
      "[html]"."editor.defaultFormatter" = "esbenp.prettier-vscode";
      "[scss]"."editor.defaultFormatter" = "esbenp.prettier-vscode";
      "[css]"."editor.defaultFormatter" = "esbenp.prettier-vscode";
      "svelte.enable-ts-plugin" = true;
      "playwright.reuseBrowser" = true;
    };
  };

  home.packages = with pkgs; [
    deno
  ];
}