create-tauri-vue-app 0.0.1 → 0.0.2

package/.claude/settings.local.json

@@ -0,0 +1,8 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(git add:*)",
+      "Bash(git commit:*)"
+    ]
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-tauri-vue-app",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "Scaffold a new Tauri + Vue desktop application",
   "type": "module",
   "bin": {

package/template/package.json

@@ -13,6 +13,7 @@
     "@tauri-apps/api": "^2.10.1",
     "@tauri-apps/plugin-log": "^2.8.0",
     "@tauri-apps/plugin-shell": "^2.3.5",
+    "@tauri-apps/plugin-sql": "^2.4.0",
     "element-plus": "^2.13.7",
     "vue": "^3.5.32",
     "vue-router": "^4.6.4"

package/template/src/components/TaskList.vue

@@ -0,0 +1,132 @@
+<template>
+  <div class="task-list">
+    <h2>Task List</h2>
+
+    <div class="add-task">
+      <el-input
+        v-model="newTask"
+        placeholder="Enter task title..."
+        @keyup.enter="handleAddTask"
+      />
+      <el-button type="primary" @click="handleAddTask">Add</el-button>
+    </div>
+
+    <el-spinner v-if="loading" />
+
+    <div v-else class="tasks">
+      <div v-for="task in tasks" :key="task.id" class="task-item">
+        <el-checkbox
+          :model-value="task.completed === 1"
+          @change="handleToggle(task)"
+        >
+          <span :class="{ completed: task.completed }">{{ task.title }}</span>
+        </el-checkbox>
+        <el-button text type="danger" @click="handleDelete(task.id)">
+          Delete
+        </el-button>
+      </div>
+
+      <div v-if="tasks.length === 0" class="empty">No tasks yet</div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted } from 'vue'
+import { getTasks, addTask, deleteTask, toggleTask } from '../utils/db'
+import { ElMessage } from 'element-plus'
+
+const tasks = ref([])
+const newTask = ref('')
+const loading = ref(true)
+
+async function loadTasks() {
+  loading.value = true
+  try {
+    tasks.value = await getTasks()
+  } catch (e) {
+    ElMessage.error('Failed to load tasks')
+    console.error(e)
+  } finally {
+    loading.value = false
+  }
+}
+
+async function handleAddTask() {
+  if (!newTask.value.trim()) return
+  try {
+    await addTask(newTask.value.trim())
+    newTask.value = ''
+    await loadTasks()
+    ElMessage.success('Task added')
+  } catch (e) {
+    ElMessage.error('Failed to add task')
+    console.error(e)
+  }
+}
+
+async function handleToggle(task) {
+  try {
+    await toggleTask(task.id, task.completed !== 1)
+    await loadTasks()
+  } catch (e) {
+    ElMessage.error('Failed to update task')
+    console.error(e)
+  }
+}
+
+async function handleDelete(id) {
+  try {
+    await deleteTask(id)
+    await loadTasks()
+    ElMessage.success('Task deleted')
+  } catch (e) {
+    ElMessage.error('Failed to delete task')
+    console.error(e)
+  }
+}
+
+onMounted(loadTasks)
+</script>
+
+<style scoped>
+.task-list {
+  padding: 20px;
+}
+
+.add-task {
+  display: flex;
+  gap: 10px;
+  margin-bottom: 20px;
+}
+
+.add-task .el-input {
+  flex: 1;
+}
+
+.tasks {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.task-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px;
+  border: 1px solid #eee;
+  border-radius: 4px;
+}
+
+.task-item .completed {
+  text-decoration: line-through;
+  color: #999;
+}
+
+.empty {
+  text-align: center;
+  color: #999;
+  padding: 20px;
+}
+</style>

package/template/src/router/index.js

@@ -1,5 +1,6 @@
 import { createRouter, createWebHistory } from 'vue-router'
 import Home from '../views/Home.vue'
+import TaskList from '../components/TaskList.vue'
 
 const routes = [
   {
@@ -7,6 +8,11 @@ const routes = [
     name: 'Home',
     component: Home
   },
+  {
+    path: '/tasks',
+    name: 'Tasks',
+    component: TaskList
+  },
   {
     path: '/admin',
     name: 'Admin',

package/template/src/utils/db.js

@@ -0,0 +1,45 @@
+import Database from '@tauri-apps/plugin-sql'
+
+let db = null
+
+export async function getDb() {
+  if (!db) {
+    db = await Database.load('sqlite:app.db')
+  }
+  return db
+}
+
+// CRUD operations for tasks
+export async function getTasks() {
+  const database = await getDb()
+  return await database.select('SELECT * FROM tasks ORDER BY created_at DESC')
+}
+
+export async function addTask(title, description = '') {
+  const database = await getDb()
+  await database.execute(
+    'INSERT INTO tasks (title, description, completed) VALUES (?, ?, ?)',
+    [title, description, 0]
+  )
+}
+
+export async function updateTask(id, title, description, completed) {
+  const database = await getDb()
+  await database.execute(
+    'UPDATE tasks SET title = ?, description = ?, completed = ?, updated_at = CURRENT_TIMESTAMP WHERE id = ?',
+    [title, description, completed ? 1 : 0, id]
+  )
+}
+
+export async function deleteTask(id) {
+  const database = await getDb()
+  await database.execute('DELETE FROM tasks WHERE id = ?', [id])
+}
+
+export async function toggleTask(id, completed) {
+  const database = await getDb()
+  await database.execute(
+    'UPDATE tasks SET completed = ?, updated_at = CURRENT_TIMESTAMP WHERE id = ?',
+    [completed ? 1 : 0, id]
+  )
+}

package/template/src/views/Home.vue

@@ -2,6 +2,8 @@
   <div class="home">
     <h1>Welcome to {{PROJECT_NAME}}</h1>
     <p>This is a Tauri + Vue template project.</p>
+    <router-link to="/tasks">Go to Task List</router-link>
+    <br />
     <router-link to="/admin">Go to Admin</router-link>
   </div>
 </template>

package/template/src-tauri/Cargo.toml

@@ -24,3 +24,4 @@ log = "0.4"
 tauri = { version = "2.10.3", features = ["devtools"] }
 tauri-plugin-log = "2"
 tauri-plugin-shell = "2"
+tauri-plugin-sql = { version = "2", features = ["sqlite"] }

package/template/src-tauri/capabilities/default.json

@@ -7,6 +7,11 @@
     "core:default",
     "log:default",
     "shell:allow-open",
+    "sql:default",
+    "sql:allow-load",
+    "sql:allow-execute",
+    "sql:allow-select",
+    "sql:allow-close",
     "shell:allow-execute",
     "shell:allow-spawn",
     "shell:allow-stdin-write",

package/template/src-tauri/src/lib.rs

@@ -1,4 +1,6 @@
 #[cfg_attr(mobile, tauri::mobile_entry_point)]
+use tauri_plugin_sql::{Migration, MigrationKind};
+
 pub fn run() {
   tauri::Builder::default()
     .plugin(
@@ -7,6 +9,49 @@ pub fn run() {
         .build(),
     )
     .plugin(tauri_plugin_shell::init())
+    .plugin(
+        tauri_plugin_sql::Builder::default()
+            .add_migrations(
+                "sqlite:app.db",
+                vec![
+                    Migration {
+                        version: 1,
+                        description: "create_tasks_table",
+                        sql: r#"
+                            CREATE TABLE IF NOT EXISTS tasks (
+                                id INTEGER PRIMARY KEY AUTOINCREMENT,
+                                title TEXT NOT NULL,
+                                description TEXT,
+                                completed INTEGER DEFAULT 0,
+                                created_at DATETIME DEFAULT CURRENT_TIMESTAMP,
+                                updated_at DATETIME DEFAULT CURRENT_TIMESTAMP
+                            )
+                        "#,
+                        kind: MigrationKind::Up,
+                    },
+                    Migration {
+                        version: 2,
+                        description: "create_downloads_table",
+                        sql: r#"
+                            CREATE TABLE IF NOT EXISTS downloads (
+                                id INTEGER PRIMARY KEY AUTOINCREMENT,
+                                filename TEXT NOT NULL,
+                                url TEXT,
+                                save_path TEXT,
+                                file_size TEXT,
+                                status TEXT DEFAULT 'downloading',
+                                progress INTEGER DEFAULT 0,
+                                gid TEXT,
+                                created_at DATETIME DEFAULT CURRENT_TIMESTAMP,
+                                updated_at DATETIME DEFAULT CURRENT_TIMESTAMP
+                            )
+                        "#,
+                        kind: MigrationKind::Up,
+                    },
+                ],
+            )
+            .build(),
+    )
     .run(tauri::generate_context!())
     .expect("error while running tauri application");
 }