Merge pull request #4 from gewenyu99/revert-3-changes-1

Revert "Makes a contribution"

.github/workflows/pr-annotations.yaml

@@ -17,10 +17,7 @@ permissions:
 
 jobs:
   Lint:
-    name: Trunk Check Annotate
     runs-on: ubuntu-latest
-    permissions:
-      checks: write
     steps:
       - name: Checkout
         uses: actions/checkout@v3

.gitignore

@@ -19,5 +19,3 @@ pnpm-debug.log*
 
 # macOS-specific files
 .DS_Store
-
-package-lock.json

src/components/RedSquareWithResize.tsx

@@ -6,8 +6,8 @@ const RedSquareWithResize: React.FC = () => {
   const canvasRef = useRef<HTMLCanvasElement>(null);
   const [x, setX] = useState(0);
   const [y, setY] = useState(0);
-  const [w, setW] =  useState(50);
-    const [h, setH] = useState(50);
+  const [w, setW] = useState(50);
+  const [h, setH] = useState(50);
 
   const draw = (ctx: {
     fillStyle: string;
@@ -29,7 +29,6 @@ const RedSquareWithResize: React.FC = () => {
   return (
     <div>
       <canvas ref={canvasRef} height={200} width={200} />
-      <p>The box is positioned at {{x}}, {{y}} with size {{w}} by {{h}}.<p/>
       <div
         style={{ display: "grid", gridTemplateColumns: "1fr 1fr", gap: "10px" }}
       >
@@ -39,7 +38,7 @@ const RedSquareWithResize: React.FC = () => {
             max={100}
             step={1}
             value={x}
-            label='X-Position'
+            label="X"
             handleChange={(event) => {
               setX(parseInt(event.target.value));
             }}
@@ -51,7 +50,7 @@ const RedSquareWithResize: React.FC = () => {
             max={100}
             step={1}
             value={y}
-            label='Y-Position'
+            label="Y"
             handleChange={(event) => {
               setY(parseInt(event.target.value));
             }}

src/content/docs/4-advanced-drawing-and-events/clipping.md

@@ -1,6 +1,5 @@
 ---
 title: placeholder
 description: placeholder
-    prev: true
-
+prev: true
 ---