How to Encrypt PDF Files in the Browser with Vue 3 and pdf-lib

<script setup lang="ts">
import { ref } from 'vue'
import { PDFDocument, EncryptionOptions } from 'pdf-lib'

const file = ref<File | null>(null)
const password = ref('')
const confirmPassowrd = ref('')
const encryptionLevel = ref<128 | 256>(256)
const encrypting = ref(false)
const result = ref<Uint8Array | null>(null)

async function encryptPdf() {
  if (!file.value || !password.value) return
  if (password.value !== confirmPassowrd.value) {
    alert('Passwords do not match')
    return
  }

  encrypting.value = true

  const arrayBuffer = await file.value.arrayBuffer()
  const pdf = await PDFDocument.load(arrayBuffer)

  const encryptionOptions: EncryptionOptions = {
    ownerPassword: password.value,
    userPassword: password.value,
    permissions: {
      printing: 'highResolution',
      modifying: false,
      copying: false,
      annotating: false,
      fillingForms: false,
      contentAccessibility: false,
      documentAssembly: false,
    },
    encryption: encryptionLevel.value === 256 ? 'AES_256' : 'AES_128',
  }

  result.value = await pdf.save({
    encryption: encryptionOptions,
  })

  encrypting.value = false
}
</script>

if (password.value !== confirmPassowrd.value) {
  throw new Error('Passwords do not match')
}
if (password.value.length < 8) {
  throw new Error('Password must be at least 8 characters')
}

const encryption = encryptionLevel.value === 256 
  ? 'AES_256' 
  : 'AES_128'

permissions: {
  printing: 'highResolution',  // Allow high-res printing
  modifying: false,            // Prevent modifications
  copying: false,              // Prevent text extraction
  annotating: false,           // Prevent annotations
  fillingForms: false,         // Prevent form filling
  contentAccessibility: false, // Prevent screen reader access
  documentAssembly: false,     // Prevent document assembly
}

const passwordStrength = computed(() => {
  const pwd = password.value
  let strength = 0
  if (pwd.length >= 8) strength++
  if (/[A-Z]/.test(pwd)) strength++
  if (/[a-z]/.test(pwd)) strength++
  if (/[0-9]/.test(pwd)) strength++
  if (/[^A-Za-z0-9]/.test(pwd)) strength++
  return strength
})