Introduce demo worklog tracker route and the composable

components/applications/worklog-tracker/useWorklogStorageDemo.ts

@@ -0,0 +1,18 @@
+import { provide, ref } from 'vue'
+
+import type { useWorklogStorage } from '~/components/applications/worklog-tracker/useWorklogStorage'
+import type { WorklogItem } from '~/composables/server/worklog-tracker/types/worklogItem'
+
+function buildWorklogStorage(): ReturnType<typeof useWorklogStorage> {
+  return {
+    operationLoading: ref(false),
+    load: () => Promise.resolve([]),
+    save: (worklogItem: WorklogItem) => Promise.resolve(worklogItem),
+    remove: () => Promise.resolve(),
+    update: () => Promise.resolve()
+  }
+}
+
+export function provideWorklogStorageDemo() {
+  provide('worklogStorage', buildWorklogStorage())
+}

pages/applications/worklog-tracker/demo/index.vue

@@ -0,0 +1,15 @@
+<template>
+  <NuxtLayout name="home">
+    <WlContainer class="flex flex-col gap-3 p-3">
+      <WlWorklogTracker/>
+    </WlContainer>
+  </NuxtLayout>
+</template>
+
+<script setup lang="ts">
+import { provideWorklogStorageDemo } from '~/components/applications/worklog-tracker/useWorklogStorageDemo'
+import WlWorklogTracker from '~/components/applications/worklog-tracker/WlWorklogTracker.vue'
+import WlContainer from '~/components/shared/layout/WlContainer.vue'
+
+provideWorklogStorageDemo()
+</script>