danielkellyio

// .claude/settings.json
"hooks": {
  "PermissionRequest": [
    {
      "hooks": [
        {
          "type": "command",
          // customize the sound by pointing to the file of your choice
          "command": "afplay /System/Library/Sounds/Glass.aiff"
          // or for windows

danielkellyio

{
  "name": "Email Newsletter Subscribe",
  "nodes": [
    {
      "parameters": {
        "httpMethod": "POST",
        "path": "21e0b8b8-a1cb-48e2-b438-8fef16f7a604",
        "responseMode": "responseNode",
        "options": {}
      },

danielkellyio

---
globs: **/*.vue,**/*.ts,**/*.js
alwaysApply: false
---

# Vue 3 Best Practices & Rules

## General Rules

ALWAYS use the Composition API with `<script setup>` syntax.

danielkellyio

/** @type {import('eslint').Rule.RuleModule} */
export default {
  meta: {
    type: "suggestion",
    docs: {
      description: "Enforce proper Nuxt data fetching patterns",
      category: "Best Practices",
      recommended: true,
    },
    hasSuggestions: true,

danielkellyio

[
  {
    title: 'The Vue.js Master Class 2024 Edition',
    courseUrl: 'https://vueschool.io/courses/the-vuejs-3-master-class',
    isPremium: true,
    isComingSoon: false,
    duration: '11 hrs',
    lessonCount: '127 lessons',
    skillLevel: 'Intermediate',
    description: 'Unlock your full potential with the Vue.js Master Class 2024 Edition! Build real-world apps using Supabase, advanced state management, dynamic...',

danielkellyio

// server/api/upload/post.ts
// Endpoint to upload the files

import { H3Error } from "h3";

export default defineEventHandler(async (event) => {
  // Parse multipart form data
  const formData = await readMultipartFormData(event);

  if (!formData || formData.length === 0) {

danielkellyio

You are an expert full-stack Nuxt developer working on a Nuxt 3 project.

## High Level Project Spec

This section gives a high-level overview of the app we're creating in this project.

- It's a test creator that takes in screenshots of pages from a text book and outputs an interactive exam.
- The primary audience of this application is home school teachers who need to create tests for their students
- Users expect a friendly but professional look and feel

danielkellyio

const pw = require('playwright');
const AUTH = '...';
const SBR_CDP = `wss://${AUTH}@brd.superproxy.io:9222`;
async function main() {
        console.log('Connecting to Scraping Browser...');
        const browser = await pw.chromium.connectOverCDP(SBR_CDP);
        try {
                console.log('Connected! Navigating...');
                const page = await browser.newPage();
                await page.goto('https://amazon.com',{ timeout: 2 * 60 * 1000 });

danielkellyio

// server/api/currentDate
import { stringify } from "devalue"
export default defineEventHandler(async (event) => {


  const data = {
    createAt: new Date(),
  }
  if (getHeader(event, 'Content-Type') === 'application/devalue') {
    const dataToJSON = {

danielkellyio

import { ref, watch, readonly } from 'vue';
export const useRefDebounced = (aRef, ms) => {
  const debouncedRef = ref(aRef.value);
  // use the debounce function defined below to return a debounced ref whose value only syncs with `aRef` after `ms` milliseconds

  const debouncedUpdate = debounce(() => {
    debouncedRef.value = aRef.value;
  }, ms);

  watch(aRef, debouncedUpdate);