feat: modify task section title font weight

package.json

@@ -1,6 +1,6 @@
 {
-  "name": "logseq-plugin-task",
-  "version": "1.0.0",
+  "name": "logseq-plugin-todo",
+  "version": "0.1.0",
   "main": "dist/index.html",
   "scripts": {
     "dev": "vite",
@@ -42,7 +42,7 @@
     "windicss": "3.5.1"
   },
   "logseq": {
-    "id": "logseq-plugin-task",
+    "id": "logseq-plugin-todo",
     "icon": "./logo.svg"
   }
 }

readme.md

@@ -1,8 +1,13 @@
-# Logseq Plugin Template React
+# Logseq Todo Plugin
 
-## Features
+A simple to-do list plugin for logseq
 
-- plug & play boilerplate with properly defined GitHub action defaults
-- develop with HMR, empowered by lightning fast Vite ⚡ with [vite-logseq-plugin](https://github.com/pengx17/vite-plugin-logseq)
-- windicss for styling
-- pnpm
+## How to use?
+
+### Option 1: directly install via Marketplace
+
+### Option 2: manually load
+
+- turn on Logseq developer mode
+- [download the prebuilt package here](https://github.com/ahonn/logseq-plugin-todo/releases)
+- unzip the zip file and load from Logseq plugins page

src/App.tsx

@@ -9,11 +9,12 @@ import TaskSection from './components/TaskSection';
 import getAnytimeTaskQuery from './querys/anytime';
 import getScheduledTaskQuery from './querys/scheduled';
 import getTodayTaskQuery from './querys/today';
+import { logseq as plugin } from '../package.json';
 
 function App() {
   const innerRef = useRef<HTMLDivElement>(null);
   const visible = useAppVisible();
-  const position = useIconPosition('logseq-plugin-tasks-icon');
+  const position = useIconPosition(plugin.id);
   const userConfigs = useUserConfigs();
 
   const handleClickOutside = (e: React.MouseEvent) => {

src/components/TaskSection.tsx

@@ -21,7 +21,7 @@ const TaskSection: React.FC<ITaskSectionProps> = (props) => {
 
   return (
     <div className="py-2">
-      <h2 className="py-1 text-red-500 font-semibold">{title}</h2>
+      <h2 className="py-1 text-red-500">{title}</h2>
       <div>
         {tasks.map((task) => (
           <TaskItem

src/main.tsx

@@ -6,8 +6,7 @@ import App from './App';
 
 function createModel() {
   return {
-    openTaskPanel: (e: any) => {
-      const { rect } = e;
+    openTaskPanel: () => {
       logseq.showMainUI();
     },
   };
@@ -22,7 +21,7 @@ function main() {
   logseq.App.registerUIItem('toolbar', {
     key: plugin.id,
     template: `
-      <a data-on-click="openTaskPanel" class="button" id="logseq-plugin-tasks-icon">
+      <a data-on-click="openTaskPanel" class="button" id="${plugin.id}">
         <i class="ti ti-checkbox" style="font-size: 20px"></i>
       </a>
     `,