mirror of
https://github.com/Wei-Shaw/claude-relay-service.git
synced 2026-01-23 00:53:33 +00:00
add tutorial page for user
This commit is contained in:
@@ -56,6 +56,17 @@
|
|||||||
>
|
>
|
||||||
Usage Stats
|
Usage Stats
|
||||||
</button>
|
</button>
|
||||||
|
<button
|
||||||
|
:class="[
|
||||||
|
'rounded-md px-3 py-2 text-sm font-medium',
|
||||||
|
activeTab === 'tutorial'
|
||||||
|
? 'bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-300'
|
||||||
|
: 'text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-300'
|
||||||
|
]"
|
||||||
|
@click="handleTabChange('tutorial')"
|
||||||
|
>
|
||||||
|
Tutorial
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -315,6 +326,11 @@
|
|||||||
<div v-else-if="activeTab === 'usage'">
|
<div v-else-if="activeTab === 'usage'">
|
||||||
<UserUsageStats />
|
<UserUsageStats />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- Tutorial Tab -->
|
||||||
|
<div v-else-if="activeTab === 'tutorial'" class="space-y-6">
|
||||||
|
<TutorialView />
|
||||||
|
</div>
|
||||||
</main>
|
</main>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -328,6 +344,7 @@ import { showToast } from '@/utils/toast'
|
|||||||
import ThemeToggle from '@/components/common/ThemeToggle.vue'
|
import ThemeToggle from '@/components/common/ThemeToggle.vue'
|
||||||
import UserApiKeysManager from '@/components/user/UserApiKeysManager.vue'
|
import UserApiKeysManager from '@/components/user/UserApiKeysManager.vue'
|
||||||
import UserUsageStats from '@/components/user/UserUsageStats.vue'
|
import UserUsageStats from '@/components/user/UserUsageStats.vue'
|
||||||
|
import TutorialView from '@/views/TutorialView.vue'
|
||||||
|
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
const userStore = useUserStore()
|
const userStore = useUserStore()
|
||||||
|
|||||||
Reference in New Issue
Block a user