mirror of
https://github.com/amir20/dozzle.git
synced 2025-12-21 21:33:18 +01:00
vitepress (#2076)
* Uses vitepress * migrates to vitepress * Remove api link * Adds gitignore * Adds gitignore * Removes unused colors * Removes optional for docker
This commit is contained in:
Amir Raminfar
@@ -1 +0,0 @@
|
|||||||
docs
|
|
||||||
@@ -12,7 +12,7 @@ RUN pnpm fetch
|
|||||||
|
|
||||||
# Copy package.json and install dependencies
|
# Copy package.json and install dependencies
|
||||||
COPY package.json ./
|
COPY package.json ./
|
||||||
RUN pnpm install -r --offline --ignore-scripts
|
RUN pnpm install -r --offline --ignore-scripts --no-optional
|
||||||
|
|
||||||
# Copy assets and translations to build
|
# Copy assets and translations to build
|
||||||
COPY .* vite.config.ts index.html ./
|
COPY .* vite.config.ts index.html ./
|
||||||
|
|||||||
2
docs/.vitepress/.gitignore
vendored
Normal file
2
docs/.vitepress/.gitignore
vendored
Normal file
@@ -0,0 +1,2 @@
|
|||||||
|
dist
|
||||||
|
cache
|
||||||
50
docs/.vitepress/config.ts
Normal file
50
docs/.vitepress/config.ts
Normal file
@@ -0,0 +1,50 @@
|
|||||||
|
import { defineConfig } from "vitepress";
|
||||||
|
|
||||||
|
export default defineConfig({
|
||||||
|
lang: "en-US",
|
||||||
|
title: "Dozzle",
|
||||||
|
description: "A lightweight, open-source, and secure log viewer for Docker.",
|
||||||
|
|
||||||
|
lastUpdated: true,
|
||||||
|
cleanUrls: true,
|
||||||
|
|
||||||
|
head: [
|
||||||
|
[
|
||||||
|
"script",
|
||||||
|
{
|
||||||
|
async: "",
|
||||||
|
src: "https://www.googletagmanager.com/gtag/js?id=G-X3Z4496XFK",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
[
|
||||||
|
"script",
|
||||||
|
{},
|
||||||
|
`function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-X3Z4496XFK")`,
|
||||||
|
],
|
||||||
|
],
|
||||||
|
themeConfig: {
|
||||||
|
editLink: {
|
||||||
|
pattern: "https://github.com/amir20/dozzle/edit/master/docs/:path",
|
||||||
|
},
|
||||||
|
nav: [
|
||||||
|
{ text: "Home", link: "/" },
|
||||||
|
{ text: "Guide", link: "/guide/what-is-dozzle" },
|
||||||
|
],
|
||||||
|
sidebar: [
|
||||||
|
{
|
||||||
|
text: "Introduction",
|
||||||
|
items: [
|
||||||
|
{ text: "What is Dozzle?", link: "/guide/what-is-dozzle" },
|
||||||
|
{ text: "Getting Started", link: "/guide/getting-started" },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
],
|
||||||
|
|
||||||
|
footer: {
|
||||||
|
message: "Released under the MIT License. Open sourced and sponsored by Docker OSS.",
|
||||||
|
copyright: "Copyright © 2019-present <a href='https://amirraminfar.me'>Amir Raminfar</a>",
|
||||||
|
},
|
||||||
|
|
||||||
|
socialLinks: [{ icon: "github", link: "https://github.com/amir20/dozzle" }],
|
||||||
|
},
|
||||||
|
});
|
||||||
13
docs/.vitepress/theme/components/HeroVideo.vue
Normal file
13
docs/.vitepress/theme/components/HeroVideo.vue
Normal file
@@ -0,0 +1,13 @@
|
|||||||
|
<script setup></script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<browser-window drop-shadow-md>
|
||||||
|
<video muted loop autoplay playsinline poster="../media/poster.png">
|
||||||
|
<source src="../media/dozzle.webm" type="video/webm" />
|
||||||
|
<source src="../media/dozzle.mp4" type="video/mp4" />
|
||||||
|
<img src="../media/poster.png" alt="" />
|
||||||
|
</video>
|
||||||
|
</browser-window>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped></style>
|
||||||
16
docs/.vitepress/theme/index.ts
Normal file
16
docs/.vitepress/theme/index.ts
Normal file
@@ -0,0 +1,16 @@
|
|||||||
|
// https://vitepress.dev/guide/custom-theme
|
||||||
|
import { h } from "vue";
|
||||||
|
import Theme from "vitepress/theme";
|
||||||
|
import "uno.css";
|
||||||
|
import "./style.css";
|
||||||
|
import HeroVideo from "./components/HeroVideo.vue";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
...Theme,
|
||||||
|
Layout: () => {
|
||||||
|
return h(Theme.Layout, null, {
|
||||||
|
"home-hero-image": () => h(HeroVideo),
|
||||||
|
});
|
||||||
|
},
|
||||||
|
enhanceApp({ app, router, siteData }) {},
|
||||||
|
};
|
||||||
|
Before Width: | Height: | Size: 440 KiB After Width: | Height: | Size: 440 KiB |
|
Before Width: | Height: | Size: 742 KiB After Width: | Height: | Size: 742 KiB |
144
docs/.vitepress/theme/style.css
Normal file
144
docs/.vitepress/theme/style.css
Normal file
@@ -0,0 +1,144 @@
|
|||||||
|
/**
|
||||||
|
* Customize default theme styling by overriding CSS variables:
|
||||||
|
* https://github.com/vuejs/vitepress/blob/main/src/client/theme-default/styles/vars.css
|
||||||
|
*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Colors
|
||||||
|
* -------------------------------------------------------------------------- */
|
||||||
|
|
||||||
|
:root {
|
||||||
|
--vp-c-brand: #646cff;
|
||||||
|
--vp-c-brand-light: #747bff;
|
||||||
|
--vp-c-brand-lighter: #9499ff;
|
||||||
|
--vp-c-brand-lightest: #bcc0ff;
|
||||||
|
--vp-c-brand-dark: #535bf2;
|
||||||
|
--vp-c-brand-darker: #454ce1;
|
||||||
|
--vp-c-brand-dimm: rgba(100, 108, 255, 0.08);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Component: Button
|
||||||
|
* -------------------------------------------------------------------------- */
|
||||||
|
|
||||||
|
:root {
|
||||||
|
--vp-button-brand-border: var(--vp-c-brand-light);
|
||||||
|
--vp-button-brand-text: var(--vp-c-white);
|
||||||
|
--vp-button-brand-bg: var(--vp-c-brand);
|
||||||
|
--vp-button-brand-hover-border: var(--vp-c-brand-light);
|
||||||
|
--vp-button-brand-hover-text: var(--vp-c-white);
|
||||||
|
--vp-button-brand-hover-bg: var(--vp-c-brand-light);
|
||||||
|
--vp-button-brand-active-border: var(--vp-c-brand-light);
|
||||||
|
--vp-button-brand-active-text: var(--vp-c-white);
|
||||||
|
--vp-button-brand-active-bg: var(--vp-button-brand-bg);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Component: Home
|
||||||
|
* -------------------------------------------------------------------------- */
|
||||||
|
|
||||||
|
:root {
|
||||||
|
--vp-home-hero-name-color: transparent;
|
||||||
|
--vp-home-hero-name-background: linear-gradient(124deg, #de4daa 30%, #f6d327);
|
||||||
|
|
||||||
|
--vp-home-hero-image-background-image: linear-gradient(-45deg, hsl(44, 100%, 77%) 50%, #47caff 50%);
|
||||||
|
--vp-home-hero-image-filter: blur(40px);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 640px) {
|
||||||
|
:root {
|
||||||
|
--vp-home-hero-image-filter: blur(56px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 960px) {
|
||||||
|
:root {
|
||||||
|
--vp-home-hero-image-filter: blur(72px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Component: Custom Block
|
||||||
|
* -------------------------------------------------------------------------- */
|
||||||
|
|
||||||
|
:root {
|
||||||
|
--vp-custom-block-tip-border: var(--vp-c-brand);
|
||||||
|
--vp-custom-block-tip-text: var(--vp-c-brand-darker);
|
||||||
|
--vp-custom-block-tip-bg: var(--vp-c-brand-dimm);
|
||||||
|
--tag-line-color: #333;
|
||||||
|
--bar-title-color: #ef5734;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dark {
|
||||||
|
--vp-custom-block-tip-border: var(--vp-c-brand);
|
||||||
|
--vp-custom-block-tip-text: var(--vp-c-brand-lightest);
|
||||||
|
--vp-custom-block-tip-bg: var(--vp-c-brand-dimm);
|
||||||
|
--tag-line-color: white;
|
||||||
|
--bar-title-color: hsl(44, 100%, 77%);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Component: Algolia
|
||||||
|
* -------------------------------------------------------------------------- */
|
||||||
|
|
||||||
|
.DocSearch {
|
||||||
|
--docsearch-primary-color: var(--vp-c-brand) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* VitePress: Custom fix
|
||||||
|
* -------------------------------------------------------------------------- */
|
||||||
|
|
||||||
|
/*
|
||||||
|
Use lighter colors for links in dark mode for a11y.
|
||||||
|
Also specify some classes twice to have higher specificity
|
||||||
|
over scoped class data attribute.
|
||||||
|
*/
|
||||||
|
.dark .vp-doc a,
|
||||||
|
.dark .vp-doc a > code,
|
||||||
|
.dark .VPNavBarMenuLink.VPNavBarMenuLink:hover,
|
||||||
|
.dark .VPNavBarMenuLink.VPNavBarMenuLink.active,
|
||||||
|
.dark .link.link:hover,
|
||||||
|
.dark .link.link.active,
|
||||||
|
.dark .edit-link-button.edit-link-button,
|
||||||
|
.dark .pager-link .title {
|
||||||
|
color: var(--vp-c-brand-lighter);
|
||||||
|
}
|
||||||
|
|
||||||
|
.dark .vp-doc a:hover,
|
||||||
|
.dark .vp-doc a > code:hover {
|
||||||
|
color: var(--vp-c-brand-lightest);
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Transition by color instead of opacity */
|
||||||
|
.dark .vp-doc .custom-block a {
|
||||||
|
transition: color 0.25s;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Dozzle css
|
||||||
|
* --------------------------------------------------------------------------
|
||||||
|
**/
|
||||||
|
|
||||||
|
.VPHero .container {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.is-home .container .main {
|
||||||
|
padding-right: 4em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.VPHomeHero .tagline {
|
||||||
|
@apply font-sans text-4xl font-light;
|
||||||
|
color: var(--tag-line-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.VPHomeHero .name {
|
||||||
|
@apply font-playfair font-light text-7xl;
|
||||||
|
}
|
||||||
|
|
||||||
|
.VPNavBarTitle .title {
|
||||||
|
@apply font-playfair font-light text-3xl;
|
||||||
|
color: var(--bar-title-color);
|
||||||
|
}
|
||||||
11
docs/.vscode/settings.json
vendored
11
docs/.vscode/settings.json
vendored
@@ -1,11 +0,0 @@
|
|||||||
{
|
|
||||||
"cSpell.words": ["Vitesse"],
|
|
||||||
"prettier.enable": false,
|
|
||||||
"editor.codeActionsOnSave": {
|
|
||||||
"source.fixAll.eslint": true
|
|
||||||
},
|
|
||||||
"files.associations": {
|
|
||||||
"*.css": "postcss"
|
|
||||||
},
|
|
||||||
"editor.formatOnSave": false
|
|
||||||
}
|
|
||||||
568
docs/auto-imports.d.ts
vendored
568
docs/auto-imports.d.ts
vendored
@@ -1,568 +0,0 @@
|
|||||||
/* eslint-disable */
|
|
||||||
/* prettier-ignore */
|
|
||||||
// @ts-nocheck
|
|
||||||
// Generated by unplugin-auto-import
|
|
||||||
export {}
|
|
||||||
declare global {
|
|
||||||
const $$: typeof import('vue/macros')['$$']
|
|
||||||
const $: typeof import('vue/macros')['$']
|
|
||||||
const $computed: typeof import('vue/macros')['$computed']
|
|
||||||
const $customRef: typeof import('vue/macros')['$customRef']
|
|
||||||
const $ref: typeof import('vue/macros')['$ref']
|
|
||||||
const $shallowRef: typeof import('vue/macros')['$shallowRef']
|
|
||||||
const $toRef: typeof import('vue/macros')['$toRef']
|
|
||||||
const EffectScope: typeof import('vue')['EffectScope']
|
|
||||||
const asyncComputed: typeof import('@vueuse/core')['asyncComputed']
|
|
||||||
const autoResetRef: typeof import('@vueuse/core')['autoResetRef']
|
|
||||||
const computed: typeof import('vue')['computed']
|
|
||||||
const computedAsync: typeof import('@vueuse/core')['computedAsync']
|
|
||||||
const computedEager: typeof import('@vueuse/core')['computedEager']
|
|
||||||
const computedInject: typeof import('@vueuse/core')['computedInject']
|
|
||||||
const computedWithControl: typeof import('@vueuse/core')['computedWithControl']
|
|
||||||
const controlledComputed: typeof import('@vueuse/core')['controlledComputed']
|
|
||||||
const controlledRef: typeof import('@vueuse/core')['controlledRef']
|
|
||||||
const createApp: typeof import('vue')['createApp']
|
|
||||||
const createEventHook: typeof import('@vueuse/core')['createEventHook']
|
|
||||||
const createGlobalState: typeof import('@vueuse/core')['createGlobalState']
|
|
||||||
const createInjectionState: typeof import('@vueuse/core')['createInjectionState']
|
|
||||||
const createReactiveFn: typeof import('@vueuse/core')['createReactiveFn']
|
|
||||||
const createSharedComposable: typeof import('@vueuse/core')['createSharedComposable']
|
|
||||||
const createUnrefFn: typeof import('@vueuse/core')['createUnrefFn']
|
|
||||||
const customRef: typeof import('vue')['customRef']
|
|
||||||
const debouncedRef: typeof import('@vueuse/core')['debouncedRef']
|
|
||||||
const debouncedWatch: typeof import('@vueuse/core')['debouncedWatch']
|
|
||||||
const defineAsyncComponent: typeof import('vue')['defineAsyncComponent']
|
|
||||||
const defineComponent: typeof import('vue')['defineComponent']
|
|
||||||
const eagerComputed: typeof import('@vueuse/core')['eagerComputed']
|
|
||||||
const effectScope: typeof import('vue')['effectScope']
|
|
||||||
const extendRef: typeof import('@vueuse/core')['extendRef']
|
|
||||||
const getCurrentInstance: typeof import('vue')['getCurrentInstance']
|
|
||||||
const getCurrentScope: typeof import('vue')['getCurrentScope']
|
|
||||||
const h: typeof import('vue')['h']
|
|
||||||
const ignorableWatch: typeof import('@vueuse/core')['ignorableWatch']
|
|
||||||
const inject: typeof import('vue')['inject']
|
|
||||||
const isDark: typeof import('./src/composables/dark')['isDark']
|
|
||||||
const isDefined: typeof import('@vueuse/core')['isDefined']
|
|
||||||
const isMobile: typeof import('./src/composables/mobile')['isMobile']
|
|
||||||
const isProxy: typeof import('vue')['isProxy']
|
|
||||||
const isReactive: typeof import('vue')['isReactive']
|
|
||||||
const isReadonly: typeof import('vue')['isReadonly']
|
|
||||||
const isRef: typeof import('vue')['isRef']
|
|
||||||
const makeDestructurable: typeof import('@vueuse/core')['makeDestructurable']
|
|
||||||
const markRaw: typeof import('vue')['markRaw']
|
|
||||||
const nextTick: typeof import('vue')['nextTick']
|
|
||||||
const onActivated: typeof import('vue')['onActivated']
|
|
||||||
const onBeforeMount: typeof import('vue')['onBeforeMount']
|
|
||||||
const onBeforeRouteLeave: typeof import('vue-router')['onBeforeRouteLeave']
|
|
||||||
const onBeforeRouteUpdate: typeof import('vue-router')['onBeforeRouteUpdate']
|
|
||||||
const onBeforeUnmount: typeof import('vue')['onBeforeUnmount']
|
|
||||||
const onBeforeUpdate: typeof import('vue')['onBeforeUpdate']
|
|
||||||
const onClickOutside: typeof import('@vueuse/core')['onClickOutside']
|
|
||||||
const onDeactivated: typeof import('vue')['onDeactivated']
|
|
||||||
const onErrorCaptured: typeof import('vue')['onErrorCaptured']
|
|
||||||
const onKeyStroke: typeof import('@vueuse/core')['onKeyStroke']
|
|
||||||
const onLongPress: typeof import('@vueuse/core')['onLongPress']
|
|
||||||
const onMounted: typeof import('vue')['onMounted']
|
|
||||||
const onRenderTracked: typeof import('vue')['onRenderTracked']
|
|
||||||
const onRenderTriggered: typeof import('vue')['onRenderTriggered']
|
|
||||||
const onScopeDispose: typeof import('vue')['onScopeDispose']
|
|
||||||
const onServerPrefetch: typeof import('vue')['onServerPrefetch']
|
|
||||||
const onStartTyping: typeof import('@vueuse/core')['onStartTyping']
|
|
||||||
const onUnmounted: typeof import('vue')['onUnmounted']
|
|
||||||
const onUpdated: typeof import('vue')['onUpdated']
|
|
||||||
const pausableWatch: typeof import('@vueuse/core')['pausableWatch']
|
|
||||||
const provide: typeof import('vue')['provide']
|
|
||||||
const reactify: typeof import('@vueuse/core')['reactify']
|
|
||||||
const reactifyObject: typeof import('@vueuse/core')['reactifyObject']
|
|
||||||
const reactive: typeof import('vue')['reactive']
|
|
||||||
const reactiveComputed: typeof import('@vueuse/core')['reactiveComputed']
|
|
||||||
const reactiveOmit: typeof import('@vueuse/core')['reactiveOmit']
|
|
||||||
const reactivePick: typeof import('@vueuse/core')['reactivePick']
|
|
||||||
const readonly: typeof import('vue')['readonly']
|
|
||||||
const ref: typeof import('vue')['ref']
|
|
||||||
const refAutoReset: typeof import('@vueuse/core')['refAutoReset']
|
|
||||||
const refDebounced: typeof import('@vueuse/core')['refDebounced']
|
|
||||||
const refDefault: typeof import('@vueuse/core')['refDefault']
|
|
||||||
const refThrottled: typeof import('@vueuse/core')['refThrottled']
|
|
||||||
const refWithControl: typeof import('@vueuse/core')['refWithControl']
|
|
||||||
const resolveComponent: typeof import('vue')['resolveComponent']
|
|
||||||
const resolveRef: typeof import('@vueuse/core')['resolveRef']
|
|
||||||
const resolveUnref: typeof import('@vueuse/core')['resolveUnref']
|
|
||||||
const shallowReactive: typeof import('vue')['shallowReactive']
|
|
||||||
const shallowReadonly: typeof import('vue')['shallowReadonly']
|
|
||||||
const shallowRef: typeof import('vue')['shallowRef']
|
|
||||||
const syncRef: typeof import('@vueuse/core')['syncRef']
|
|
||||||
const syncRefs: typeof import('@vueuse/core')['syncRefs']
|
|
||||||
const templateRef: typeof import('@vueuse/core')['templateRef']
|
|
||||||
const throttledRef: typeof import('@vueuse/core')['throttledRef']
|
|
||||||
const throttledWatch: typeof import('@vueuse/core')['throttledWatch']
|
|
||||||
const toRaw: typeof import('vue')['toRaw']
|
|
||||||
const toReactive: typeof import('@vueuse/core')['toReactive']
|
|
||||||
const toRef: typeof import('vue')['toRef']
|
|
||||||
const toRefs: typeof import('vue')['toRefs']
|
|
||||||
const toggleDark: typeof import('./src/composables/dark')['toggleDark']
|
|
||||||
const triggerRef: typeof import('vue')['triggerRef']
|
|
||||||
const tryOnBeforeMount: typeof import('@vueuse/core')['tryOnBeforeMount']
|
|
||||||
const tryOnBeforeUnmount: typeof import('@vueuse/core')['tryOnBeforeUnmount']
|
|
||||||
const tryOnMounted: typeof import('@vueuse/core')['tryOnMounted']
|
|
||||||
const tryOnScopeDispose: typeof import('@vueuse/core')['tryOnScopeDispose']
|
|
||||||
const tryOnUnmounted: typeof import('@vueuse/core')['tryOnUnmounted']
|
|
||||||
const unref: typeof import('vue')['unref']
|
|
||||||
const unrefElement: typeof import('@vueuse/core')['unrefElement']
|
|
||||||
const until: typeof import('@vueuse/core')['until']
|
|
||||||
const useActiveElement: typeof import('@vueuse/core')['useActiveElement']
|
|
||||||
const useArrayEvery: typeof import('@vueuse/core')['useArrayEvery']
|
|
||||||
const useArrayFilter: typeof import('@vueuse/core')['useArrayFilter']
|
|
||||||
const useArrayFind: typeof import('@vueuse/core')['useArrayFind']
|
|
||||||
const useArrayFindIndex: typeof import('@vueuse/core')['useArrayFindIndex']
|
|
||||||
const useArrayFindLast: typeof import('@vueuse/core')['useArrayFindLast']
|
|
||||||
const useArrayJoin: typeof import('@vueuse/core')['useArrayJoin']
|
|
||||||
const useArrayMap: typeof import('@vueuse/core')['useArrayMap']
|
|
||||||
const useArrayReduce: typeof import('@vueuse/core')['useArrayReduce']
|
|
||||||
const useArraySome: typeof import('@vueuse/core')['useArraySome']
|
|
||||||
const useArrayUnique: typeof import('@vueuse/core')['useArrayUnique']
|
|
||||||
const useAsyncQueue: typeof import('@vueuse/core')['useAsyncQueue']
|
|
||||||
const useAsyncState: typeof import('@vueuse/core')['useAsyncState']
|
|
||||||
const useAttrs: typeof import('vue')['useAttrs']
|
|
||||||
const useBase64: typeof import('@vueuse/core')['useBase64']
|
|
||||||
const useBattery: typeof import('@vueuse/core')['useBattery']
|
|
||||||
const useBluetooth: typeof import('@vueuse/core')['useBluetooth']
|
|
||||||
const useBreakpoints: typeof import('@vueuse/core')['useBreakpoints']
|
|
||||||
const useBroadcastChannel: typeof import('@vueuse/core')['useBroadcastChannel']
|
|
||||||
const useBrowserLocation: typeof import('@vueuse/core')['useBrowserLocation']
|
|
||||||
const useCached: typeof import('@vueuse/core')['useCached']
|
|
||||||
const useClipboard: typeof import('@vueuse/core')['useClipboard']
|
|
||||||
const useCloned: typeof import('@vueuse/core')['useCloned']
|
|
||||||
const useColorMode: typeof import('@vueuse/core')['useColorMode']
|
|
||||||
const useConfirmDialog: typeof import('@vueuse/core')['useConfirmDialog']
|
|
||||||
const useCounter: typeof import('@vueuse/core')['useCounter']
|
|
||||||
const useCssModule: typeof import('vue')['useCssModule']
|
|
||||||
const useCssVar: typeof import('@vueuse/core')['useCssVar']
|
|
||||||
const useCssVars: typeof import('vue')['useCssVars']
|
|
||||||
const useCurrentElement: typeof import('@vueuse/core')['useCurrentElement']
|
|
||||||
const useCycleList: typeof import('@vueuse/core')['useCycleList']
|
|
||||||
const useDark: typeof import('@vueuse/core')['useDark']
|
|
||||||
const useDateFormat: typeof import('@vueuse/core')['useDateFormat']
|
|
||||||
const useDebounce: typeof import('@vueuse/core')['useDebounce']
|
|
||||||
const useDebounceFn: typeof import('@vueuse/core')['useDebounceFn']
|
|
||||||
const useDebouncedRefHistory: typeof import('@vueuse/core')['useDebouncedRefHistory']
|
|
||||||
const useDeviceMotion: typeof import('@vueuse/core')['useDeviceMotion']
|
|
||||||
const useDeviceOrientation: typeof import('@vueuse/core')['useDeviceOrientation']
|
|
||||||
const useDevicePixelRatio: typeof import('@vueuse/core')['useDevicePixelRatio']
|
|
||||||
const useDevicesList: typeof import('@vueuse/core')['useDevicesList']
|
|
||||||
const useDisplayMedia: typeof import('@vueuse/core')['useDisplayMedia']
|
|
||||||
const useDocumentVisibility: typeof import('@vueuse/core')['useDocumentVisibility']
|
|
||||||
const useDraggable: typeof import('@vueuse/core')['useDraggable']
|
|
||||||
const useDropZone: typeof import('@vueuse/core')['useDropZone']
|
|
||||||
const useElementBounding: typeof import('@vueuse/core')['useElementBounding']
|
|
||||||
const useElementByPoint: typeof import('@vueuse/core')['useElementByPoint']
|
|
||||||
const useElementHover: typeof import('@vueuse/core')['useElementHover']
|
|
||||||
const useElementSize: typeof import('@vueuse/core')['useElementSize']
|
|
||||||
const useElementVisibility: typeof import('@vueuse/core')['useElementVisibility']
|
|
||||||
const useEventBus: typeof import('@vueuse/core')['useEventBus']
|
|
||||||
const useEventListener: typeof import('@vueuse/core')['useEventListener']
|
|
||||||
const useEventSource: typeof import('@vueuse/core')['useEventSource']
|
|
||||||
const useEyeDropper: typeof import('@vueuse/core')['useEyeDropper']
|
|
||||||
const useFavicon: typeof import('@vueuse/core')['useFavicon']
|
|
||||||
const useFetch: typeof import('@vueuse/core')['useFetch']
|
|
||||||
const useFileDialog: typeof import('@vueuse/core')['useFileDialog']
|
|
||||||
const useFileSystemAccess: typeof import('@vueuse/core')['useFileSystemAccess']
|
|
||||||
const useFocus: typeof import('@vueuse/core')['useFocus']
|
|
||||||
const useFocusWithin: typeof import('@vueuse/core')['useFocusWithin']
|
|
||||||
const useFps: typeof import('@vueuse/core')['useFps']
|
|
||||||
const useFullscreen: typeof import('@vueuse/core')['useFullscreen']
|
|
||||||
const useGamepad: typeof import('@vueuse/core')['useGamepad']
|
|
||||||
const useGeolocation: typeof import('@vueuse/core')['useGeolocation']
|
|
||||||
const useIdle: typeof import('@vueuse/core')['useIdle']
|
|
||||||
const useImage: typeof import('@vueuse/core')['useImage']
|
|
||||||
const useInfiniteScroll: typeof import('@vueuse/core')['useInfiniteScroll']
|
|
||||||
const useIntersectionObserver: typeof import('@vueuse/core')['useIntersectionObserver']
|
|
||||||
const useInterval: typeof import('@vueuse/core')['useInterval']
|
|
||||||
const useIntervalFn: typeof import('@vueuse/core')['useIntervalFn']
|
|
||||||
const useKeyModifier: typeof import('@vueuse/core')['useKeyModifier']
|
|
||||||
const useLastChanged: typeof import('@vueuse/core')['useLastChanged']
|
|
||||||
const useLink: typeof import('vue-router')['useLink']
|
|
||||||
const useLocalStorage: typeof import('@vueuse/core')['useLocalStorage']
|
|
||||||
const useMagicKeys: typeof import('@vueuse/core')['useMagicKeys']
|
|
||||||
const useManualRefHistory: typeof import('@vueuse/core')['useManualRefHistory']
|
|
||||||
const useMediaControls: typeof import('@vueuse/core')['useMediaControls']
|
|
||||||
const useMediaQuery: typeof import('@vueuse/core')['useMediaQuery']
|
|
||||||
const useMemoize: typeof import('@vueuse/core')['useMemoize']
|
|
||||||
const useMemory: typeof import('@vueuse/core')['useMemory']
|
|
||||||
const useMounted: typeof import('@vueuse/core')['useMounted']
|
|
||||||
const useMouse: typeof import('@vueuse/core')['useMouse']
|
|
||||||
const useMouseInElement: typeof import('@vueuse/core')['useMouseInElement']
|
|
||||||
const useMousePressed: typeof import('@vueuse/core')['useMousePressed']
|
|
||||||
const useMutationObserver: typeof import('@vueuse/core')['useMutationObserver']
|
|
||||||
const useNavigatorLanguage: typeof import('@vueuse/core')['useNavigatorLanguage']
|
|
||||||
const useNetwork: typeof import('@vueuse/core')['useNetwork']
|
|
||||||
const useNow: typeof import('@vueuse/core')['useNow']
|
|
||||||
const useObjectUrl: typeof import('@vueuse/core')['useObjectUrl']
|
|
||||||
const useOffsetPagination: typeof import('@vueuse/core')['useOffsetPagination']
|
|
||||||
const useOnline: typeof import('@vueuse/core')['useOnline']
|
|
||||||
const usePageLeave: typeof import('@vueuse/core')['usePageLeave']
|
|
||||||
const useParallax: typeof import('@vueuse/core')['useParallax']
|
|
||||||
const usePermission: typeof import('@vueuse/core')['usePermission']
|
|
||||||
const usePointer: typeof import('@vueuse/core')['usePointer']
|
|
||||||
const usePointerLock: typeof import('@vueuse/core')['usePointerLock']
|
|
||||||
const usePointerSwipe: typeof import('@vueuse/core')['usePointerSwipe']
|
|
||||||
const usePreferredColorScheme: typeof import('@vueuse/core')['usePreferredColorScheme']
|
|
||||||
const usePreferredContrast: typeof import('@vueuse/core')['usePreferredContrast']
|
|
||||||
const usePreferredDark: typeof import('@vueuse/core')['usePreferredDark']
|
|
||||||
const usePreferredLanguages: typeof import('@vueuse/core')['usePreferredLanguages']
|
|
||||||
const usePreferredReducedMotion: typeof import('@vueuse/core')['usePreferredReducedMotion']
|
|
||||||
const usePrevious: typeof import('@vueuse/core')['usePrevious']
|
|
||||||
const useRafFn: typeof import('@vueuse/core')['useRafFn']
|
|
||||||
const useRefHistory: typeof import('@vueuse/core')['useRefHistory']
|
|
||||||
const useResizeObserver: typeof import('@vueuse/core')['useResizeObserver']
|
|
||||||
const useRoute: typeof import('vue-router')['useRoute']
|
|
||||||
const useRouter: typeof import('vue-router')['useRouter']
|
|
||||||
const useScreenOrientation: typeof import('@vueuse/core')['useScreenOrientation']
|
|
||||||
const useScreenSafeArea: typeof import('@vueuse/core')['useScreenSafeArea']
|
|
||||||
const useScriptTag: typeof import('@vueuse/core')['useScriptTag']
|
|
||||||
const useScroll: typeof import('@vueuse/core')['useScroll']
|
|
||||||
const useScrollLock: typeof import('@vueuse/core')['useScrollLock']
|
|
||||||
const useSessionStorage: typeof import('@vueuse/core')['useSessionStorage']
|
|
||||||
const useShare: typeof import('@vueuse/core')['useShare']
|
|
||||||
const useSlots: typeof import('vue')['useSlots']
|
|
||||||
const useSorted: typeof import('@vueuse/core')['useSorted']
|
|
||||||
const useSpeechRecognition: typeof import('@vueuse/core')['useSpeechRecognition']
|
|
||||||
const useSpeechSynthesis: typeof import('@vueuse/core')['useSpeechSynthesis']
|
|
||||||
const useStepper: typeof import('@vueuse/core')['useStepper']
|
|
||||||
const useStorage: typeof import('@vueuse/core')['useStorage']
|
|
||||||
const useStorageAsync: typeof import('@vueuse/core')['useStorageAsync']
|
|
||||||
const useStyleTag: typeof import('@vueuse/core')['useStyleTag']
|
|
||||||
const useSupported: typeof import('@vueuse/core')['useSupported']
|
|
||||||
const useSwipe: typeof import('@vueuse/core')['useSwipe']
|
|
||||||
const useTemplateRefsList: typeof import('@vueuse/core')['useTemplateRefsList']
|
|
||||||
const useTextDirection: typeof import('@vueuse/core')['useTextDirection']
|
|
||||||
const useTextSelection: typeof import('@vueuse/core')['useTextSelection']
|
|
||||||
const useTextareaAutosize: typeof import('@vueuse/core')['useTextareaAutosize']
|
|
||||||
const useThrottle: typeof import('@vueuse/core')['useThrottle']
|
|
||||||
const useThrottleFn: typeof import('@vueuse/core')['useThrottleFn']
|
|
||||||
const useThrottledRefHistory: typeof import('@vueuse/core')['useThrottledRefHistory']
|
|
||||||
const useTimeAgo: typeof import('@vueuse/core')['useTimeAgo']
|
|
||||||
const useTimeout: typeof import('@vueuse/core')['useTimeout']
|
|
||||||
const useTimeoutFn: typeof import('@vueuse/core')['useTimeoutFn']
|
|
||||||
const useTimeoutPoll: typeof import('@vueuse/core')['useTimeoutPoll']
|
|
||||||
const useTimestamp: typeof import('@vueuse/core')['useTimestamp']
|
|
||||||
const useTitle: typeof import('@vueuse/core')['useTitle']
|
|
||||||
const useToNumber: typeof import('@vueuse/core')['useToNumber']
|
|
||||||
const useToString: typeof import('@vueuse/core')['useToString']
|
|
||||||
const useToggle: typeof import('@vueuse/core')['useToggle']
|
|
||||||
const useTransition: typeof import('@vueuse/core')['useTransition']
|
|
||||||
const useUrlSearchParams: typeof import('@vueuse/core')['useUrlSearchParams']
|
|
||||||
const useUserMedia: typeof import('@vueuse/core')['useUserMedia']
|
|
||||||
const useVModel: typeof import('@vueuse/core')['useVModel']
|
|
||||||
const useVModels: typeof import('@vueuse/core')['useVModels']
|
|
||||||
const useVibrate: typeof import('@vueuse/core')['useVibrate']
|
|
||||||
const useVirtualList: typeof import('@vueuse/core')['useVirtualList']
|
|
||||||
const useWakeLock: typeof import('@vueuse/core')['useWakeLock']
|
|
||||||
const useWebNotification: typeof import('@vueuse/core')['useWebNotification']
|
|
||||||
const useWebSocket: typeof import('@vueuse/core')['useWebSocket']
|
|
||||||
const useWebWorker: typeof import('@vueuse/core')['useWebWorker']
|
|
||||||
const useWebWorkerFn: typeof import('@vueuse/core')['useWebWorkerFn']
|
|
||||||
const useWindowFocus: typeof import('@vueuse/core')['useWindowFocus']
|
|
||||||
const useWindowScroll: typeof import('@vueuse/core')['useWindowScroll']
|
|
||||||
const useWindowSize: typeof import('@vueuse/core')['useWindowSize']
|
|
||||||
const watch: typeof import('vue')['watch']
|
|
||||||
const watchArray: typeof import('@vueuse/core')['watchArray']
|
|
||||||
const watchAtMost: typeof import('@vueuse/core')['watchAtMost']
|
|
||||||
const watchDebounced: typeof import('@vueuse/core')['watchDebounced']
|
|
||||||
const watchEffect: typeof import('vue')['watchEffect']
|
|
||||||
const watchIgnorable: typeof import('@vueuse/core')['watchIgnorable']
|
|
||||||
const watchOnce: typeof import('@vueuse/core')['watchOnce']
|
|
||||||
const watchPausable: typeof import('@vueuse/core')['watchPausable']
|
|
||||||
const watchPostEffect: typeof import('vue')['watchPostEffect']
|
|
||||||
const watchSyncEffect: typeof import('vue')['watchSyncEffect']
|
|
||||||
const watchThrottled: typeof import('@vueuse/core')['watchThrottled']
|
|
||||||
const watchTriggerable: typeof import('@vueuse/core')['watchTriggerable']
|
|
||||||
const watchWithFilter: typeof import('@vueuse/core')['watchWithFilter']
|
|
||||||
const whenever: typeof import('@vueuse/core')['whenever']
|
|
||||||
}
|
|
||||||
// for type re-export
|
|
||||||
declare global {
|
|
||||||
// @ts-ignore
|
|
||||||
export type { Component, ComponentPublicInstance, ComputedRef, InjectionKey, PropType, Ref, VNode } from 'vue'
|
|
||||||
}
|
|
||||||
// for vue template auto import
|
|
||||||
import { UnwrapRef } from 'vue'
|
|
||||||
declare module 'vue' {
|
|
||||||
interface ComponentCustomProperties {
|
|
||||||
readonly $$: UnwrapRef<typeof import('vue/macros')['$$']>
|
|
||||||
readonly $: UnwrapRef<typeof import('vue/macros')['$']>
|
|
||||||
readonly $computed: UnwrapRef<typeof import('vue/macros')['$computed']>
|
|
||||||
readonly $customRef: UnwrapRef<typeof import('vue/macros')['$customRef']>
|
|
||||||
readonly $ref: UnwrapRef<typeof import('vue/macros')['$ref']>
|
|
||||||
readonly $shallowRef: UnwrapRef<typeof import('vue/macros')['$shallowRef']>
|
|
||||||
readonly $toRef: UnwrapRef<typeof import('vue/macros')['$toRef']>
|
|
||||||
readonly EffectScope: UnwrapRef<typeof import('vue')['EffectScope']>
|
|
||||||
readonly asyncComputed: UnwrapRef<typeof import('@vueuse/core')['asyncComputed']>
|
|
||||||
readonly autoResetRef: UnwrapRef<typeof import('@vueuse/core')['autoResetRef']>
|
|
||||||
readonly computed: UnwrapRef<typeof import('vue')['computed']>
|
|
||||||
readonly computedAsync: UnwrapRef<typeof import('@vueuse/core')['computedAsync']>
|
|
||||||
readonly computedEager: UnwrapRef<typeof import('@vueuse/core')['computedEager']>
|
|
||||||
readonly computedInject: UnwrapRef<typeof import('@vueuse/core')['computedInject']>
|
|
||||||
readonly computedWithControl: UnwrapRef<typeof import('@vueuse/core')['computedWithControl']>
|
|
||||||
readonly controlledComputed: UnwrapRef<typeof import('@vueuse/core')['controlledComputed']>
|
|
||||||
readonly controlledRef: UnwrapRef<typeof import('@vueuse/core')['controlledRef']>
|
|
||||||
readonly createApp: UnwrapRef<typeof import('vue')['createApp']>
|
|
||||||
readonly createEventHook: UnwrapRef<typeof import('@vueuse/core')['createEventHook']>
|
|
||||||
readonly createGlobalState: UnwrapRef<typeof import('@vueuse/core')['createGlobalState']>
|
|
||||||
readonly createInjectionState: UnwrapRef<typeof import('@vueuse/core')['createInjectionState']>
|
|
||||||
readonly createReactiveFn: UnwrapRef<typeof import('@vueuse/core')['createReactiveFn']>
|
|
||||||
readonly createSharedComposable: UnwrapRef<typeof import('@vueuse/core')['createSharedComposable']>
|
|
||||||
readonly createUnrefFn: UnwrapRef<typeof import('@vueuse/core')['createUnrefFn']>
|
|
||||||
readonly customRef: UnwrapRef<typeof import('vue')['customRef']>
|
|
||||||
readonly debouncedRef: UnwrapRef<typeof import('@vueuse/core')['debouncedRef']>
|
|
||||||
readonly debouncedWatch: UnwrapRef<typeof import('@vueuse/core')['debouncedWatch']>
|
|
||||||
readonly defineAsyncComponent: UnwrapRef<typeof import('vue')['defineAsyncComponent']>
|
|
||||||
readonly defineComponent: UnwrapRef<typeof import('vue')['defineComponent']>
|
|
||||||
readonly eagerComputed: UnwrapRef<typeof import('@vueuse/core')['eagerComputed']>
|
|
||||||
readonly effectScope: UnwrapRef<typeof import('vue')['effectScope']>
|
|
||||||
readonly extendRef: UnwrapRef<typeof import('@vueuse/core')['extendRef']>
|
|
||||||
readonly getCurrentInstance: UnwrapRef<typeof import('vue')['getCurrentInstance']>
|
|
||||||
readonly getCurrentScope: UnwrapRef<typeof import('vue')['getCurrentScope']>
|
|
||||||
readonly h: UnwrapRef<typeof import('vue')['h']>
|
|
||||||
readonly ignorableWatch: UnwrapRef<typeof import('@vueuse/core')['ignorableWatch']>
|
|
||||||
readonly inject: UnwrapRef<typeof import('vue')['inject']>
|
|
||||||
readonly isDark: UnwrapRef<typeof import('./src/composables/dark')['isDark']>
|
|
||||||
readonly isDefined: UnwrapRef<typeof import('@vueuse/core')['isDefined']>
|
|
||||||
readonly isMobile: UnwrapRef<typeof import('./src/composables/mobile')['isMobile']>
|
|
||||||
readonly isProxy: UnwrapRef<typeof import('vue')['isProxy']>
|
|
||||||
readonly isReactive: UnwrapRef<typeof import('vue')['isReactive']>
|
|
||||||
readonly isReadonly: UnwrapRef<typeof import('vue')['isReadonly']>
|
|
||||||
readonly isRef: UnwrapRef<typeof import('vue')['isRef']>
|
|
||||||
readonly makeDestructurable: UnwrapRef<typeof import('@vueuse/core')['makeDestructurable']>
|
|
||||||
readonly markRaw: UnwrapRef<typeof import('vue')['markRaw']>
|
|
||||||
readonly nextTick: UnwrapRef<typeof import('vue')['nextTick']>
|
|
||||||
readonly onActivated: UnwrapRef<typeof import('vue')['onActivated']>
|
|
||||||
readonly onBeforeMount: UnwrapRef<typeof import('vue')['onBeforeMount']>
|
|
||||||
readonly onBeforeRouteLeave: UnwrapRef<typeof import('vue-router')['onBeforeRouteLeave']>
|
|
||||||
readonly onBeforeRouteUpdate: UnwrapRef<typeof import('vue-router')['onBeforeRouteUpdate']>
|
|
||||||
readonly onBeforeUnmount: UnwrapRef<typeof import('vue')['onBeforeUnmount']>
|
|
||||||
readonly onBeforeUpdate: UnwrapRef<typeof import('vue')['onBeforeUpdate']>
|
|
||||||
readonly onClickOutside: UnwrapRef<typeof import('@vueuse/core')['onClickOutside']>
|
|
||||||
readonly onDeactivated: UnwrapRef<typeof import('vue')['onDeactivated']>
|
|
||||||
readonly onErrorCaptured: UnwrapRef<typeof import('vue')['onErrorCaptured']>
|
|
||||||
readonly onKeyStroke: UnwrapRef<typeof import('@vueuse/core')['onKeyStroke']>
|
|
||||||
readonly onLongPress: UnwrapRef<typeof import('@vueuse/core')['onLongPress']>
|
|
||||||
readonly onMounted: UnwrapRef<typeof import('vue')['onMounted']>
|
|
||||||
readonly onRenderTracked: UnwrapRef<typeof import('vue')['onRenderTracked']>
|
|
||||||
readonly onRenderTriggered: UnwrapRef<typeof import('vue')['onRenderTriggered']>
|
|
||||||
readonly onScopeDispose: UnwrapRef<typeof import('vue')['onScopeDispose']>
|
|
||||||
readonly onServerPrefetch: UnwrapRef<typeof import('vue')['onServerPrefetch']>
|
|
||||||
readonly onStartTyping: UnwrapRef<typeof import('@vueuse/core')['onStartTyping']>
|
|
||||||
readonly onUnmounted: UnwrapRef<typeof import('vue')['onUnmounted']>
|
|
||||||
readonly onUpdated: UnwrapRef<typeof import('vue')['onUpdated']>
|
|
||||||
readonly pausableWatch: UnwrapRef<typeof import('@vueuse/core')['pausableWatch']>
|
|
||||||
readonly provide: UnwrapRef<typeof import('vue')['provide']>
|
|
||||||
readonly reactify: UnwrapRef<typeof import('@vueuse/core')['reactify']>
|
|
||||||
readonly reactifyObject: UnwrapRef<typeof import('@vueuse/core')['reactifyObject']>
|
|
||||||
readonly reactive: UnwrapRef<typeof import('vue')['reactive']>
|
|
||||||
readonly reactiveComputed: UnwrapRef<typeof import('@vueuse/core')['reactiveComputed']>
|
|
||||||
readonly reactiveOmit: UnwrapRef<typeof import('@vueuse/core')['reactiveOmit']>
|
|
||||||
readonly reactivePick: UnwrapRef<typeof import('@vueuse/core')['reactivePick']>
|
|
||||||
readonly readonly: UnwrapRef<typeof import('vue')['readonly']>
|
|
||||||
readonly ref: UnwrapRef<typeof import('vue')['ref']>
|
|
||||||
readonly refAutoReset: UnwrapRef<typeof import('@vueuse/core')['refAutoReset']>
|
|
||||||
readonly refDebounced: UnwrapRef<typeof import('@vueuse/core')['refDebounced']>
|
|
||||||
readonly refDefault: UnwrapRef<typeof import('@vueuse/core')['refDefault']>
|
|
||||||
readonly refThrottled: UnwrapRef<typeof import('@vueuse/core')['refThrottled']>
|
|
||||||
readonly refWithControl: UnwrapRef<typeof import('@vueuse/core')['refWithControl']>
|
|
||||||
readonly resolveComponent: UnwrapRef<typeof import('vue')['resolveComponent']>
|
|
||||||
readonly resolveRef: UnwrapRef<typeof import('@vueuse/core')['resolveRef']>
|
|
||||||
readonly resolveUnref: UnwrapRef<typeof import('@vueuse/core')['resolveUnref']>
|
|
||||||
readonly shallowReactive: UnwrapRef<typeof import('vue')['shallowReactive']>
|
|
||||||
readonly shallowReadonly: UnwrapRef<typeof import('vue')['shallowReadonly']>
|
|
||||||
readonly shallowRef: UnwrapRef<typeof import('vue')['shallowRef']>
|
|
||||||
readonly syncRef: UnwrapRef<typeof import('@vueuse/core')['syncRef']>
|
|
||||||
readonly syncRefs: UnwrapRef<typeof import('@vueuse/core')['syncRefs']>
|
|
||||||
readonly templateRef: UnwrapRef<typeof import('@vueuse/core')['templateRef']>
|
|
||||||
readonly throttledRef: UnwrapRef<typeof import('@vueuse/core')['throttledRef']>
|
|
||||||
readonly throttledWatch: UnwrapRef<typeof import('@vueuse/core')['throttledWatch']>
|
|
||||||
readonly toRaw: UnwrapRef<typeof import('vue')['toRaw']>
|
|
||||||
readonly toReactive: UnwrapRef<typeof import('@vueuse/core')['toReactive']>
|
|
||||||
readonly toRef: UnwrapRef<typeof import('vue')['toRef']>
|
|
||||||
readonly toRefs: UnwrapRef<typeof import('vue')['toRefs']>
|
|
||||||
readonly toggleDark: UnwrapRef<typeof import('./src/composables/dark')['toggleDark']>
|
|
||||||
readonly triggerRef: UnwrapRef<typeof import('vue')['triggerRef']>
|
|
||||||
readonly tryOnBeforeMount: UnwrapRef<typeof import('@vueuse/core')['tryOnBeforeMount']>
|
|
||||||
readonly tryOnBeforeUnmount: UnwrapRef<typeof import('@vueuse/core')['tryOnBeforeUnmount']>
|
|
||||||
readonly tryOnMounted: UnwrapRef<typeof import('@vueuse/core')['tryOnMounted']>
|
|
||||||
readonly tryOnScopeDispose: UnwrapRef<typeof import('@vueuse/core')['tryOnScopeDispose']>
|
|
||||||
readonly tryOnUnmounted: UnwrapRef<typeof import('@vueuse/core')['tryOnUnmounted']>
|
|
||||||
readonly unref: UnwrapRef<typeof import('vue')['unref']>
|
|
||||||
readonly unrefElement: UnwrapRef<typeof import('@vueuse/core')['unrefElement']>
|
|
||||||
readonly until: UnwrapRef<typeof import('@vueuse/core')['until']>
|
|
||||||
readonly useActiveElement: UnwrapRef<typeof import('@vueuse/core')['useActiveElement']>
|
|
||||||
readonly useArrayEvery: UnwrapRef<typeof import('@vueuse/core')['useArrayEvery']>
|
|
||||||
readonly useArrayFilter: UnwrapRef<typeof import('@vueuse/core')['useArrayFilter']>
|
|
||||||
readonly useArrayFind: UnwrapRef<typeof import('@vueuse/core')['useArrayFind']>
|
|
||||||
readonly useArrayFindIndex: UnwrapRef<typeof import('@vueuse/core')['useArrayFindIndex']>
|
|
||||||
readonly useArrayFindLast: UnwrapRef<typeof import('@vueuse/core')['useArrayFindLast']>
|
|
||||||
readonly useArrayJoin: UnwrapRef<typeof import('@vueuse/core')['useArrayJoin']>
|
|
||||||
readonly useArrayMap: UnwrapRef<typeof import('@vueuse/core')['useArrayMap']>
|
|
||||||
readonly useArrayReduce: UnwrapRef<typeof import('@vueuse/core')['useArrayReduce']>
|
|
||||||
readonly useArraySome: UnwrapRef<typeof import('@vueuse/core')['useArraySome']>
|
|
||||||
readonly useArrayUnique: UnwrapRef<typeof import('@vueuse/core')['useArrayUnique']>
|
|
||||||
readonly useAsyncQueue: UnwrapRef<typeof import('@vueuse/core')['useAsyncQueue']>
|
|
||||||
readonly useAsyncState: UnwrapRef<typeof import('@vueuse/core')['useAsyncState']>
|
|
||||||
readonly useAttrs: UnwrapRef<typeof import('vue')['useAttrs']>
|
|
||||||
readonly useBase64: UnwrapRef<typeof import('@vueuse/core')['useBase64']>
|
|
||||||
readonly useBattery: UnwrapRef<typeof import('@vueuse/core')['useBattery']>
|
|
||||||
readonly useBluetooth: UnwrapRef<typeof import('@vueuse/core')['useBluetooth']>
|
|
||||||
readonly useBreakpoints: UnwrapRef<typeof import('@vueuse/core')['useBreakpoints']>
|
|
||||||
readonly useBroadcastChannel: UnwrapRef<typeof import('@vueuse/core')['useBroadcastChannel']>
|
|
||||||
readonly useBrowserLocation: UnwrapRef<typeof import('@vueuse/core')['useBrowserLocation']>
|
|
||||||
readonly useCached: UnwrapRef<typeof import('@vueuse/core')['useCached']>
|
|
||||||
readonly useClipboard: UnwrapRef<typeof import('@vueuse/core')['useClipboard']>
|
|
||||||
readonly useCloned: UnwrapRef<typeof import('@vueuse/core')['useCloned']>
|
|
||||||
readonly useColorMode: UnwrapRef<typeof import('@vueuse/core')['useColorMode']>
|
|
||||||
readonly useConfirmDialog: UnwrapRef<typeof import('@vueuse/core')['useConfirmDialog']>
|
|
||||||
readonly useCounter: UnwrapRef<typeof import('@vueuse/core')['useCounter']>
|
|
||||||
readonly useCssModule: UnwrapRef<typeof import('vue')['useCssModule']>
|
|
||||||
readonly useCssVar: UnwrapRef<typeof import('@vueuse/core')['useCssVar']>
|
|
||||||
readonly useCssVars: UnwrapRef<typeof import('vue')['useCssVars']>
|
|
||||||
readonly useCurrentElement: UnwrapRef<typeof import('@vueuse/core')['useCurrentElement']>
|
|
||||||
readonly useCycleList: UnwrapRef<typeof import('@vueuse/core')['useCycleList']>
|
|
||||||
readonly useDark: UnwrapRef<typeof import('@vueuse/core')['useDark']>
|
|
||||||
readonly useDateFormat: UnwrapRef<typeof import('@vueuse/core')['useDateFormat']>
|
|
||||||
readonly useDebounce: UnwrapRef<typeof import('@vueuse/core')['useDebounce']>
|
|
||||||
readonly useDebounceFn: UnwrapRef<typeof import('@vueuse/core')['useDebounceFn']>
|
|
||||||
readonly useDebouncedRefHistory: UnwrapRef<typeof import('@vueuse/core')['useDebouncedRefHistory']>
|
|
||||||
readonly useDeviceMotion: UnwrapRef<typeof import('@vueuse/core')['useDeviceMotion']>
|
|
||||||
readonly useDeviceOrientation: UnwrapRef<typeof import('@vueuse/core')['useDeviceOrientation']>
|
|
||||||
readonly useDevicePixelRatio: UnwrapRef<typeof import('@vueuse/core')['useDevicePixelRatio']>
|
|
||||||
readonly useDevicesList: UnwrapRef<typeof import('@vueuse/core')['useDevicesList']>
|
|
||||||
readonly useDisplayMedia: UnwrapRef<typeof import('@vueuse/core')['useDisplayMedia']>
|
|
||||||
readonly useDocumentVisibility: UnwrapRef<typeof import('@vueuse/core')['useDocumentVisibility']>
|
|
||||||
readonly useDraggable: UnwrapRef<typeof import('@vueuse/core')['useDraggable']>
|
|
||||||
readonly useDropZone: UnwrapRef<typeof import('@vueuse/core')['useDropZone']>
|
|
||||||
readonly useElementBounding: UnwrapRef<typeof import('@vueuse/core')['useElementBounding']>
|
|
||||||
readonly useElementByPoint: UnwrapRef<typeof import('@vueuse/core')['useElementByPoint']>
|
|
||||||
readonly useElementHover: UnwrapRef<typeof import('@vueuse/core')['useElementHover']>
|
|
||||||
readonly useElementSize: UnwrapRef<typeof import('@vueuse/core')['useElementSize']>
|
|
||||||
readonly useElementVisibility: UnwrapRef<typeof import('@vueuse/core')['useElementVisibility']>
|
|
||||||
readonly useEventBus: UnwrapRef<typeof import('@vueuse/core')['useEventBus']>
|
|
||||||
readonly useEventListener: UnwrapRef<typeof import('@vueuse/core')['useEventListener']>
|
|
||||||
readonly useEventSource: UnwrapRef<typeof import('@vueuse/core')['useEventSource']>
|
|
||||||
readonly useEyeDropper: UnwrapRef<typeof import('@vueuse/core')['useEyeDropper']>
|
|
||||||
readonly useFavicon: UnwrapRef<typeof import('@vueuse/core')['useFavicon']>
|
|
||||||
readonly useFetch: UnwrapRef<typeof import('@vueuse/core')['useFetch']>
|
|
||||||
readonly useFileDialog: UnwrapRef<typeof import('@vueuse/core')['useFileDialog']>
|
|
||||||
readonly useFileSystemAccess: UnwrapRef<typeof import('@vueuse/core')['useFileSystemAccess']>
|
|
||||||
readonly useFocus: UnwrapRef<typeof import('@vueuse/core')['useFocus']>
|
|
||||||
readonly useFocusWithin: UnwrapRef<typeof import('@vueuse/core')['useFocusWithin']>
|
|
||||||
readonly useFps: UnwrapRef<typeof import('@vueuse/core')['useFps']>
|
|
||||||
readonly useFullscreen: UnwrapRef<typeof import('@vueuse/core')['useFullscreen']>
|
|
||||||
readonly useGamepad: UnwrapRef<typeof import('@vueuse/core')['useGamepad']>
|
|
||||||
readonly useGeolocation: UnwrapRef<typeof import('@vueuse/core')['useGeolocation']>
|
|
||||||
readonly useIdle: UnwrapRef<typeof import('@vueuse/core')['useIdle']>
|
|
||||||
readonly useImage: UnwrapRef<typeof import('@vueuse/core')['useImage']>
|
|
||||||
readonly useInfiniteScroll: UnwrapRef<typeof import('@vueuse/core')['useInfiniteScroll']>
|
|
||||||
readonly useIntersectionObserver: UnwrapRef<typeof import('@vueuse/core')['useIntersectionObserver']>
|
|
||||||
readonly useInterval: UnwrapRef<typeof import('@vueuse/core')['useInterval']>
|
|
||||||
readonly useIntervalFn: UnwrapRef<typeof import('@vueuse/core')['useIntervalFn']>
|
|
||||||
readonly useKeyModifier: UnwrapRef<typeof import('@vueuse/core')['useKeyModifier']>
|
|
||||||
readonly useLastChanged: UnwrapRef<typeof import('@vueuse/core')['useLastChanged']>
|
|
||||||
readonly useLink: UnwrapRef<typeof import('vue-router')['useLink']>
|
|
||||||
readonly useLocalStorage: UnwrapRef<typeof import('@vueuse/core')['useLocalStorage']>
|
|
||||||
readonly useMagicKeys: UnwrapRef<typeof import('@vueuse/core')['useMagicKeys']>
|
|
||||||
readonly useManualRefHistory: UnwrapRef<typeof import('@vueuse/core')['useManualRefHistory']>
|
|
||||||
readonly useMediaControls: UnwrapRef<typeof import('@vueuse/core')['useMediaControls']>
|
|
||||||
readonly useMediaQuery: UnwrapRef<typeof import('@vueuse/core')['useMediaQuery']>
|
|
||||||
readonly useMemoize: UnwrapRef<typeof import('@vueuse/core')['useMemoize']>
|
|
||||||
readonly useMemory: UnwrapRef<typeof import('@vueuse/core')['useMemory']>
|
|
||||||
readonly useMounted: UnwrapRef<typeof import('@vueuse/core')['useMounted']>
|
|
||||||
readonly useMouse: UnwrapRef<typeof import('@vueuse/core')['useMouse']>
|
|
||||||
readonly useMouseInElement: UnwrapRef<typeof import('@vueuse/core')['useMouseInElement']>
|
|
||||||
readonly useMousePressed: UnwrapRef<typeof import('@vueuse/core')['useMousePressed']>
|
|
||||||
readonly useMutationObserver: UnwrapRef<typeof import('@vueuse/core')['useMutationObserver']>
|
|
||||||
readonly useNavigatorLanguage: UnwrapRef<typeof import('@vueuse/core')['useNavigatorLanguage']>
|
|
||||||
readonly useNetwork: UnwrapRef<typeof import('@vueuse/core')['useNetwork']>
|
|
||||||
readonly useNow: UnwrapRef<typeof import('@vueuse/core')['useNow']>
|
|
||||||
readonly useObjectUrl: UnwrapRef<typeof import('@vueuse/core')['useObjectUrl']>
|
|
||||||
readonly useOffsetPagination: UnwrapRef<typeof import('@vueuse/core')['useOffsetPagination']>
|
|
||||||
readonly useOnline: UnwrapRef<typeof import('@vueuse/core')['useOnline']>
|
|
||||||
readonly usePageLeave: UnwrapRef<typeof import('@vueuse/core')['usePageLeave']>
|
|
||||||
readonly useParallax: UnwrapRef<typeof import('@vueuse/core')['useParallax']>
|
|
||||||
readonly usePermission: UnwrapRef<typeof import('@vueuse/core')['usePermission']>
|
|
||||||
readonly usePointer: UnwrapRef<typeof import('@vueuse/core')['usePointer']>
|
|
||||||
readonly usePointerLock: UnwrapRef<typeof import('@vueuse/core')['usePointerLock']>
|
|
||||||
readonly usePointerSwipe: UnwrapRef<typeof import('@vueuse/core')['usePointerSwipe']>
|
|
||||||
readonly usePreferredColorScheme: UnwrapRef<typeof import('@vueuse/core')['usePreferredColorScheme']>
|
|
||||||
readonly usePreferredContrast: UnwrapRef<typeof import('@vueuse/core')['usePreferredContrast']>
|
|
||||||
readonly usePreferredDark: UnwrapRef<typeof import('@vueuse/core')['usePreferredDark']>
|
|
||||||
readonly usePreferredLanguages: UnwrapRef<typeof import('@vueuse/core')['usePreferredLanguages']>
|
|
||||||
readonly usePreferredReducedMotion: UnwrapRef<typeof import('@vueuse/core')['usePreferredReducedMotion']>
|
|
||||||
readonly usePrevious: UnwrapRef<typeof import('@vueuse/core')['usePrevious']>
|
|
||||||
readonly useRafFn: UnwrapRef<typeof import('@vueuse/core')['useRafFn']>
|
|
||||||
readonly useRefHistory: UnwrapRef<typeof import('@vueuse/core')['useRefHistory']>
|
|
||||||
readonly useResizeObserver: UnwrapRef<typeof import('@vueuse/core')['useResizeObserver']>
|
|
||||||
readonly useRoute: UnwrapRef<typeof import('vue-router')['useRoute']>
|
|
||||||
readonly useRouter: UnwrapRef<typeof import('vue-router')['useRouter']>
|
|
||||||
readonly useScreenOrientation: UnwrapRef<typeof import('@vueuse/core')['useScreenOrientation']>
|
|
||||||
readonly useScreenSafeArea: UnwrapRef<typeof import('@vueuse/core')['useScreenSafeArea']>
|
|
||||||
readonly useScriptTag: UnwrapRef<typeof import('@vueuse/core')['useScriptTag']>
|
|
||||||
readonly useScroll: UnwrapRef<typeof import('@vueuse/core')['useScroll']>
|
|
||||||
readonly useScrollLock: UnwrapRef<typeof import('@vueuse/core')['useScrollLock']>
|
|
||||||
readonly useSessionStorage: UnwrapRef<typeof import('@vueuse/core')['useSessionStorage']>
|
|
||||||
readonly useShare: UnwrapRef<typeof import('@vueuse/core')['useShare']>
|
|
||||||
readonly useSlots: UnwrapRef<typeof import('vue')['useSlots']>
|
|
||||||
readonly useSorted: UnwrapRef<typeof import('@vueuse/core')['useSorted']>
|
|
||||||
readonly useSpeechRecognition: UnwrapRef<typeof import('@vueuse/core')['useSpeechRecognition']>
|
|
||||||
readonly useSpeechSynthesis: UnwrapRef<typeof import('@vueuse/core')['useSpeechSynthesis']>
|
|
||||||
readonly useStepper: UnwrapRef<typeof import('@vueuse/core')['useStepper']>
|
|
||||||
readonly useStorage: UnwrapRef<typeof import('@vueuse/core')['useStorage']>
|
|
||||||
readonly useStorageAsync: UnwrapRef<typeof import('@vueuse/core')['useStorageAsync']>
|
|
||||||
readonly useStyleTag: UnwrapRef<typeof import('@vueuse/core')['useStyleTag']>
|
|
||||||
readonly useSupported: UnwrapRef<typeof import('@vueuse/core')['useSupported']>
|
|
||||||
readonly useSwipe: UnwrapRef<typeof import('@vueuse/core')['useSwipe']>
|
|
||||||
readonly useTemplateRefsList: UnwrapRef<typeof import('@vueuse/core')['useTemplateRefsList']>
|
|
||||||
readonly useTextDirection: UnwrapRef<typeof import('@vueuse/core')['useTextDirection']>
|
|
||||||
readonly useTextSelection: UnwrapRef<typeof import('@vueuse/core')['useTextSelection']>
|
|
||||||
readonly useTextareaAutosize: UnwrapRef<typeof import('@vueuse/core')['useTextareaAutosize']>
|
|
||||||
readonly useThrottle: UnwrapRef<typeof import('@vueuse/core')['useThrottle']>
|
|
||||||
readonly useThrottleFn: UnwrapRef<typeof import('@vueuse/core')['useThrottleFn']>
|
|
||||||
readonly useThrottledRefHistory: UnwrapRef<typeof import('@vueuse/core')['useThrottledRefHistory']>
|
|
||||||
readonly useTimeAgo: UnwrapRef<typeof import('@vueuse/core')['useTimeAgo']>
|
|
||||||
readonly useTimeout: UnwrapRef<typeof import('@vueuse/core')['useTimeout']>
|
|
||||||
readonly useTimeoutFn: UnwrapRef<typeof import('@vueuse/core')['useTimeoutFn']>
|
|
||||||
readonly useTimeoutPoll: UnwrapRef<typeof import('@vueuse/core')['useTimeoutPoll']>
|
|
||||||
readonly useTimestamp: UnwrapRef<typeof import('@vueuse/core')['useTimestamp']>
|
|
||||||
readonly useTitle: UnwrapRef<typeof import('@vueuse/core')['useTitle']>
|
|
||||||
readonly useToNumber: UnwrapRef<typeof import('@vueuse/core')['useToNumber']>
|
|
||||||
readonly useToString: UnwrapRef<typeof import('@vueuse/core')['useToString']>
|
|
||||||
readonly useToggle: UnwrapRef<typeof import('@vueuse/core')['useToggle']>
|
|
||||||
readonly useTransition: UnwrapRef<typeof import('@vueuse/core')['useTransition']>
|
|
||||||
readonly useUrlSearchParams: UnwrapRef<typeof import('@vueuse/core')['useUrlSearchParams']>
|
|
||||||
readonly useUserMedia: UnwrapRef<typeof import('@vueuse/core')['useUserMedia']>
|
|
||||||
readonly useVModel: UnwrapRef<typeof import('@vueuse/core')['useVModel']>
|
|
||||||
readonly useVModels: UnwrapRef<typeof import('@vueuse/core')['useVModels']>
|
|
||||||
readonly useVibrate: UnwrapRef<typeof import('@vueuse/core')['useVibrate']>
|
|
||||||
readonly useVirtualList: UnwrapRef<typeof import('@vueuse/core')['useVirtualList']>
|
|
||||||
readonly useWakeLock: UnwrapRef<typeof import('@vueuse/core')['useWakeLock']>
|
|
||||||
readonly useWebNotification: UnwrapRef<typeof import('@vueuse/core')['useWebNotification']>
|
|
||||||
readonly useWebSocket: UnwrapRef<typeof import('@vueuse/core')['useWebSocket']>
|
|
||||||
readonly useWebWorker: UnwrapRef<typeof import('@vueuse/core')['useWebWorker']>
|
|
||||||
readonly useWebWorkerFn: UnwrapRef<typeof import('@vueuse/core')['useWebWorkerFn']>
|
|
||||||
readonly useWindowFocus: UnwrapRef<typeof import('@vueuse/core')['useWindowFocus']>
|
|
||||||
readonly useWindowScroll: UnwrapRef<typeof import('@vueuse/core')['useWindowScroll']>
|
|
||||||
readonly useWindowSize: UnwrapRef<typeof import('@vueuse/core')['useWindowSize']>
|
|
||||||
readonly watch: UnwrapRef<typeof import('vue')['watch']>
|
|
||||||
readonly watchArray: UnwrapRef<typeof import('@vueuse/core')['watchArray']>
|
|
||||||
readonly watchAtMost: UnwrapRef<typeof import('@vueuse/core')['watchAtMost']>
|
|
||||||
readonly watchDebounced: UnwrapRef<typeof import('@vueuse/core')['watchDebounced']>
|
|
||||||
readonly watchEffect: UnwrapRef<typeof import('vue')['watchEffect']>
|
|
||||||
readonly watchIgnorable: UnwrapRef<typeof import('@vueuse/core')['watchIgnorable']>
|
|
||||||
readonly watchOnce: UnwrapRef<typeof import('@vueuse/core')['watchOnce']>
|
|
||||||
readonly watchPausable: UnwrapRef<typeof import('@vueuse/core')['watchPausable']>
|
|
||||||
readonly watchPostEffect: UnwrapRef<typeof import('vue')['watchPostEffect']>
|
|
||||||
readonly watchSyncEffect: UnwrapRef<typeof import('vue')['watchSyncEffect']>
|
|
||||||
readonly watchThrottled: UnwrapRef<typeof import('@vueuse/core')['watchThrottled']>
|
|
||||||
readonly watchTriggerable: UnwrapRef<typeof import('@vueuse/core')['watchTriggerable']>
|
|
||||||
readonly watchWithFilter: UnwrapRef<typeof import('@vueuse/core')['watchWithFilter']>
|
|
||||||
readonly whenever: UnwrapRef<typeof import('@vueuse/core')['whenever']>
|
|
||||||
}
|
|
||||||
}
|
|
||||||
12
docs/components.d.ts
vendored
12
docs/components.d.ts
vendored
@@ -9,17 +9,9 @@ export {}
|
|||||||
|
|
||||||
declare module '@vue/runtime-core' {
|
declare module '@vue/runtime-core' {
|
||||||
export interface GlobalComponents {
|
export interface GlobalComponents {
|
||||||
BrowserWindow: typeof import('./src/components/BrowserWindow.vue')['default']
|
BrowserWindow: typeof import('./.vitepress/theme/components/BrowserWindow.vue')['default']
|
||||||
CodeBlock: typeof import('./src/components/CodeBlock.vue')['default']
|
HeroVideo: typeof import('./.vitepress/theme/components/HeroVideo.vue')['default']
|
||||||
copy: typeof import('./src/components/TheFooter copy.vue')['default']
|
|
||||||
Features: typeof import('./src/components/Features.vue')['default']
|
|
||||||
Hero: typeof import('./src/components/Hero.vue')['default']
|
|
||||||
Installation: typeof import('./src/components/Installation.vue')['default']
|
|
||||||
KeyShortcut: typeof import('./src/components/KeyShortcut.vue')['default']
|
|
||||||
RouterLink: typeof import('vue-router')['RouterLink']
|
RouterLink: typeof import('vue-router')['RouterLink']
|
||||||
RouterView: typeof import('vue-router')['RouterView']
|
RouterView: typeof import('vue-router')['RouterView']
|
||||||
SubSection: typeof import('./src/components/SubSection.vue')['default']
|
|
||||||
TheFooter: typeof import('./src/components/TheFooter.vue')['default']
|
|
||||||
TheHeader: typeof import('./src/components/TheHeader.vue')['default']
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -27,8 +27,3 @@ services:
|
|||||||
ports:
|
ports:
|
||||||
- 9999:8080
|
- 9999:8080
|
||||||
```
|
```
|
||||||
|
|
||||||
<route lang="yaml">
|
|
||||||
meta:
|
|
||||||
layout: docs
|
|
||||||
</route>
|
|
||||||
@@ -10,7 +10,3 @@ Users can quickly and easily access logs generated by their Docker containers, m
|
|||||||
Dozzle is easy to install and can be configured with minimal effort, making it an ideal solution for developers and system administrators looking for an efficient and user-friendly log viewer for their Docker environment. The tool is available under the MIT license and is actively maintained by its developer, Amir Raminfar.
|
Dozzle is easy to install and can be configured with minimal effort, making it an ideal solution for developers and system administrators looking for an efficient and user-friendly log viewer for their Docker environment. The tool is available under the MIT license and is actively maintained by its developer, Amir Raminfar.
|
||||||
|
|
||||||
|
|
||||||
<route lang="yaml">
|
|
||||||
meta:
|
|
||||||
layout: docs
|
|
||||||
</route>
|
|
||||||
@@ -1,30 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<link rel="icon" href="/favicon.ico" type="image/x-icon">
|
|
||||||
<meta name="description" content="Dozzle is a modern log viewer for Docker providing efficient and intuitive ways to view and search logs from containers">
|
|
||||||
<script>
|
|
||||||
(function () {
|
|
||||||
const prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches
|
|
||||||
const setting = localStorage.getItem('color-schema') || 'auto'
|
|
||||||
if (setting === 'dark' || (prefersDark && setting !== 'light'))
|
|
||||||
document.documentElement.classList.toggle('dark', true)
|
|
||||||
})()
|
|
||||||
</script>
|
|
||||||
<!-- Google tag (gtag.js) -->
|
|
||||||
<script async src="https://www.googletagmanager.com/gtag/js?id=G-X3Z4496XFK"></script>
|
|
||||||
<script>
|
|
||||||
window.dataLayer = window.dataLayer || []
|
|
||||||
function gtag() { dataLayer.push(arguments) }
|
|
||||||
gtag('js', new Date())
|
|
||||||
|
|
||||||
gtag('config', 'G-X3Z4496XFK')
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body class="font-sans antialiased dark:text-white main-bg">
|
|
||||||
<div id="app"></div>
|
|
||||||
<script type="module" src="/src/main.ts"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
22
docs/index.md
Normal file
22
docs/index.md
Normal file
@@ -0,0 +1,22 @@
|
|||||||
|
---
|
||||||
|
# https://vitepress.dev/reference/default-theme-home-page
|
||||||
|
layout: home
|
||||||
|
|
||||||
|
title: Home
|
||||||
|
|
||||||
|
hero:
|
||||||
|
name: "Dozzle"
|
||||||
|
tagline: A lightweight, web-based Docker log viewer that provides real-time monitoring and easy troubleshooting.
|
||||||
|
actions:
|
||||||
|
- theme: brand
|
||||||
|
text: Get Started
|
||||||
|
link: /guide/getting-started
|
||||||
|
|
||||||
|
features:
|
||||||
|
- title: Real-time logging
|
||||||
|
details: Allows you to view logs of other Docker containers in real-time. As new log entries are generated, they are streamed to the web interface without needing to refresh the page.
|
||||||
|
- title: Lightweight
|
||||||
|
details: An application written in Go consuming very little memory and CPU. It can be run alongside other containers without causing performance issues.
|
||||||
|
- title: Multi-host Support
|
||||||
|
details: Dozzle UI support connecting to multiple remote hosts with a simple drop down to choose between different hosts.
|
||||||
|
---
|
||||||
@@ -1,9 +0,0 @@
|
|||||||
[build.environment]
|
|
||||||
NPM_FLAGS = "--version"
|
|
||||||
NODE_VERSION = "16"
|
|
||||||
|
|
||||||
[build]
|
|
||||||
publish = "dist"
|
|
||||||
command = "npx pnpm i --store=node_modules/.pnpm-store && npx pnpm run build"
|
|
||||||
|
|
||||||
|
|
||||||
@@ -1,55 +0,0 @@
|
|||||||
{
|
|
||||||
"type": "module",
|
|
||||||
"private": true,
|
|
||||||
"packageManager": "pnpm@7.29.1",
|
|
||||||
"scripts": {
|
|
||||||
"build": "vite-ssg build",
|
|
||||||
"dev": "vite --port 3333 --open",
|
|
||||||
"lint": "eslint .",
|
|
||||||
"typecheck": "vue-tsc --noEmit",
|
|
||||||
"preview": "vite preview",
|
|
||||||
"test": "vitest",
|
|
||||||
"up": "taze major -I"
|
|
||||||
},
|
|
||||||
"dependencies": {
|
|
||||||
"@vueuse/core": "^9.13.0",
|
|
||||||
"@vueuse/head": "^1.1.15",
|
|
||||||
"vue": "^3.2.47",
|
|
||||||
"vue-router": "^4.1.6"
|
|
||||||
},
|
|
||||||
"devDependencies": {
|
|
||||||
"@antfu/eslint-config": "^0.36.0",
|
|
||||||
"@iconify-json/carbon": "^1.1.16",
|
|
||||||
"@iconify-json/mdi": "^1.1.49",
|
|
||||||
"@types/node": "^18.14.6",
|
|
||||||
"@unocss/preset-typography": "^0.50.4",
|
|
||||||
"@unocss/reset": "^0.50.4",
|
|
||||||
"@unocss/transformer-directives": "^0.50.4",
|
|
||||||
"@vitejs/plugin-vue": "^4.0.0",
|
|
||||||
"@vue-macros/reactivity-transform": "^0.2.4",
|
|
||||||
"@vue-macros/volar": "^0.8.4",
|
|
||||||
"@vue/test-utils": "^2.3.0",
|
|
||||||
"color": "^4.2.3",
|
|
||||||
"critters": "^0.0.16",
|
|
||||||
"eslint": "^8.35.0",
|
|
||||||
"jsdom": "^21.1.0",
|
|
||||||
"markdown-it-link-attributes": "^4.0.1",
|
|
||||||
"markdown-it-shiki": "^0.8.0",
|
|
||||||
"pnpm": "^7.29.0",
|
|
||||||
"taze": "^0.9.0",
|
|
||||||
"typescript": "^4.9.5",
|
|
||||||
"unocss": "^0.50.4",
|
|
||||||
"unplugin-auto-import": "^0.15.1",
|
|
||||||
"unplugin-vue-components": "^0.24.0",
|
|
||||||
"unplugin-vue-macros": "^1.9.1",
|
|
||||||
"vite": "^4.1.4",
|
|
||||||
"vite-plugin-pages": "^0.28.0",
|
|
||||||
"vite-plugin-vue-layouts": "^0.8.0",
|
|
||||||
"vite-plugin-vue-markdown": "^0.22.4",
|
|
||||||
"vite-ssg": "^0.22.1",
|
|
||||||
"vue-tsc": "^1.2.0"
|
|
||||||
},
|
|
||||||
"eslintConfig": {
|
|
||||||
"extends": "@antfu"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
6627
docs/pnpm-lock.yaml
generated
6627
docs/pnpm-lock.yaml
generated
File diff suppressed because it is too large
Load Diff
5
docs/shims.d.ts
vendored
5
docs/shims.d.ts
vendored
@@ -1,5 +0,0 @@
|
|||||||
declare module '*.vue' {
|
|
||||||
import type { DefineComponent } from 'vue'
|
|
||||||
const component: DefineComponent<{}, {}, any>
|
|
||||||
export default component
|
|
||||||
}
|
|
||||||
@@ -1,10 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div text="gray-700 dark:gray-200" mb-22>
|
|
||||||
<RouterView />
|
|
||||||
</div>
|
|
||||||
<the-footer />
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
|
|
||||||
</style>
|
|
||||||
@@ -1,25 +0,0 @@
|
|||||||
<script setup lang="ts">
|
|
||||||
const source = ref('')
|
|
||||||
const body = $ref<HTMLElement>()
|
|
||||||
onMounted(() => {
|
|
||||||
source.value = body?.textContent?.trim() || ''
|
|
||||||
})
|
|
||||||
|
|
||||||
const { copy, copied, isSupported } = useClipboard({ source })
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<div flex mx-1 gap-1 w-full>
|
|
||||||
<code ref="body" class="not-prose" overflow="x-auto" whitespace-nowrap font-mono text="sm lg:base" @click="copy()">
|
|
||||||
<slot />
|
|
||||||
</code>
|
|
||||||
<a
|
|
||||||
v-if="isSupported"
|
|
||||||
icon-btn
|
|
||||||
ml-auto
|
|
||||||
:class="copied ? 'i-mdi-clipboard-check' : 'i-mdi-clipboard-outline'"
|
|
||||||
text-3xl
|
|
||||||
@click="copy()"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
@@ -1,48 +0,0 @@
|
|||||||
<template>
|
|
||||||
<sub-section>
|
|
||||||
<template #title>
|
|
||||||
What's Dozzle
|
|
||||||
</template>
|
|
||||||
<p>
|
|
||||||
Dozzle is a small Docker container which provides a web-based interface for viewing logs of other Docker
|
|
||||||
containers running on the same system.
|
|
||||||
</p>
|
|
||||||
<p>Dozzle is open sourced and officially sponsored by Docker OSS.</p>
|
|
||||||
|
|
||||||
<p>
|
|
||||||
<strong>Real-time log streaming</strong> — allows you to view logs of other Docker containers in real-time. As new
|
|
||||||
log entries are generated, they are streamed to the web interface without needing to refresh the page.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p><strong>Live CPU and memory usage</strong> — see historical memory and cpu usage to easily see memory trend.</p>
|
|
||||||
|
|
||||||
<p>
|
|
||||||
<strong>Search across many containers</strong> — quickly search containers using <key-shortcut label="k" /> to
|
|
||||||
find logs for a specifc container.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p>
|
|
||||||
<strong>Color-coded logs</strong> — log entries are color-coded and grouped based on their level (error, warning,
|
|
||||||
info, etc.) to help you quickly identify issues.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p>
|
|
||||||
<strong>Search</strong> — you can search logs for specific keywords or <code>/regex/</code> making it easy to find
|
|
||||||
relevant log entries.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p>
|
|
||||||
<strong>Split screen</strong> — able to view muliple logs at the same by spliting the screen between multiple
|
|
||||||
containers.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p>
|
|
||||||
<strong>Simple Authentication</strong> — simple username and password authentication supported out of the box.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p>
|
|
||||||
<strong>Lightweight</strong> — a lightweight application written in Go which doesn't consume a lot of memory or
|
|
||||||
cpu. It can be run alongside other containers without causing performance issues.
|
|
||||||
</p>
|
|
||||||
</sub-section>
|
|
||||||
</template>
|
|
||||||
@@ -1,34 +0,0 @@
|
|||||||
<script setup></script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<div p="x-4 lg:y-10" mb-4 text="gray-700 dark:gray-200">
|
|
||||||
<div grid="~ lg:cols-3 lg:gap-8" h-full mx-auto>
|
|
||||||
<div flex="~ col" text="center" p="x-4">
|
|
||||||
<div m="t-8 lg:y-auto">
|
|
||||||
<h1 text-4xl font-light>
|
|
||||||
<span font-playfair dark:text-brand>Dozzle</span> is a modern log viewer for Docker providing efficient and intuitive ways to
|
|
||||||
view and search logs from containers
|
|
||||||
</h1>
|
|
||||||
<div mt-8>
|
|
||||||
<router-link to="/guide/getting-started" btn-primary>
|
|
||||||
Get Started
|
|
||||||
</router-link>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div grid="lg:col-span-2" flex m="t-8 lg:t-0">
|
|
||||||
<div my-auto>
|
|
||||||
<browser-window drop-shadow-md>
|
|
||||||
<video muted loop autoplay playsinline poster="../media/poster.png">
|
|
||||||
<source src="../media/dozzle.webm" type="video/webm">
|
|
||||||
<source src="../media/dozzle.mp4" type="video/mp4">
|
|
||||||
<img src="../media/poster.png" alt="">
|
|
||||||
</video>
|
|
||||||
</browser-window>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style scoped></style>
|
|
||||||
@@ -1,16 +0,0 @@
|
|||||||
<template>
|
|
||||||
<sub-section>
|
|
||||||
<template #title>
|
|
||||||
Installation
|
|
||||||
</template>
|
|
||||||
<p>
|
|
||||||
Dozzle can be install using the Docker command line. Dozzle needs access to <code>docker.sock</code> file to
|
|
||||||
access the logs of other containers. This file is usually located at <code>/var/run/docker.sock</code>. You can
|
|
||||||
mount this file using the <code>-v</code> flag.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<code-block>
|
|
||||||
docker run --detach --volume=/var/run/docker.sock:/var/run/docker.sock -p 8080:8080 amir20/dozzle
|
|
||||||
</code-block>
|
|
||||||
</sub-section>
|
|
||||||
</template>
|
|
||||||
@@ -1,9 +0,0 @@
|
|||||||
<script setup lang="ts">
|
|
||||||
const { label } = $defineProps<{
|
|
||||||
label: string
|
|
||||||
}>()
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<span border="rounded-lg light-50" bg="light-200" text="dark-200" p-1> ⌘ {{ label }} </span>
|
|
||||||
</template>
|
|
||||||
@@ -1,14 +0,0 @@
|
|||||||
<script setup></script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<div space-y-20 p="x-4 t-10">
|
|
||||||
<section lg:grid lg:grid-cols-3 gap="y-1 x-6">
|
|
||||||
<h2 text="2xl" tracking-tight>
|
|
||||||
<slot name="title" />
|
|
||||||
</h2>
|
|
||||||
<div grid="lg:col-span-2" prose text-lg max-w-7xl>
|
|
||||||
<slot />
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
@@ -1,26 +0,0 @@
|
|||||||
<template>
|
|
||||||
<footer class="mx-auto mt-32 w-full px-4 sm:px-6 lg:px-8">
|
|
||||||
<div class="py-10">
|
|
||||||
<p class="mt-5 text-center text-sm leading-6 text-gray-400">
|
|
||||||
Made with ❤️ by <a href="https://amirraminfar.me">Amir Raminfar</a>.
|
|
||||||
</p>
|
|
||||||
<nav flex my-3 gap-x-4 justify-center>
|
|
||||||
<a
|
|
||||||
icon-btn
|
|
||||||
i-mdi-docker
|
|
||||||
target="_blank"
|
|
||||||
rel="noreferrer"
|
|
||||||
href="https://hub.docker.com/r/amir20/dozzle/"
|
|
||||||
/>
|
|
||||||
<a
|
|
||||||
icon-btn
|
|
||||||
i-mdi-github
|
|
||||||
rel="noreferrer"
|
|
||||||
href="https://github.com/amir20/dozzle"
|
|
||||||
target="_blank"
|
|
||||||
title="Dozzle GitHub"
|
|
||||||
/>
|
|
||||||
</nav>
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
</template>
|
|
||||||
@@ -1,37 +0,0 @@
|
|||||||
<script setup lang="ts">
|
|
||||||
const { showMenu = false } = defineProps<{
|
|
||||||
showMenu?: boolean
|
|
||||||
}>()
|
|
||||||
|
|
||||||
const emit = defineEmits(['menu-click'])
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<header py-2 px-4 main-bg mx-auto>
|
|
||||||
<nav flex my-3 gap-x-4 justify-end items-center>
|
|
||||||
<a v-if="isMobile && showMenu" cursor-pointer text-2xl i-mdi-menu @click="emit('menu-click')" />
|
|
||||||
<h1 v-if="showMenu" font-playfair mr-auto text-4xl dark:text-brand>
|
|
||||||
<a href="/">Dozzle</a>
|
|
||||||
</h1>
|
|
||||||
<slot />
|
|
||||||
|
|
||||||
<a
|
|
||||||
icon-btn
|
|
||||||
i-mdi-docker
|
|
||||||
text-xl
|
|
||||||
target="_blank"
|
|
||||||
rel="noreferrer"
|
|
||||||
href="https://hub.docker.com/r/amir20/dozzle/"
|
|
||||||
/>
|
|
||||||
<a
|
|
||||||
icon-btn
|
|
||||||
i-mdi-github
|
|
||||||
text-xl
|
|
||||||
rel="noreferrer"
|
|
||||||
href="https://github.com/amir20/dozzle"
|
|
||||||
target="_blank"
|
|
||||||
title="Dozzle GitHub"
|
|
||||||
/>
|
|
||||||
</nav>
|
|
||||||
</header>
|
|
||||||
</template>
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
export const isDark = useDark()
|
|
||||||
export const toggleDark = useToggle(isDark)
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
export * from './dark'
|
|
||||||
export * from './mobile'
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
export const isMobile = useMediaQuery('(max-width: 1024px)')
|
|
||||||
@@ -1,15 +0,0 @@
|
|||||||
<script setup lang="ts">
|
|
||||||
import { useHead } from '@vueuse/head'
|
|
||||||
useHead({
|
|
||||||
title: 'Dozzle - Log viewer for Docker',
|
|
||||||
})
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<the-header>
|
|
||||||
<router-link to="/guide/what-is-dozzle">
|
|
||||||
Guide
|
|
||||||
</router-link>
|
|
||||||
</the-header>
|
|
||||||
<RouterView />
|
|
||||||
</template>
|
|
||||||
@@ -1,59 +0,0 @@
|
|||||||
<script setup lang="ts">
|
|
||||||
import { useHead } from '@vueuse/head'
|
|
||||||
|
|
||||||
const menu = [
|
|
||||||
{
|
|
||||||
name: 'Introduction',
|
|
||||||
subMenu: [
|
|
||||||
{
|
|
||||||
name: 'What is Dozzle?',
|
|
||||||
path: '/guide/what-is-dozzle',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'Getting Started',
|
|
||||||
path: '/guide/getting-started',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]
|
|
||||||
useHead({
|
|
||||||
titleTemplate: '%s | Dozzle',
|
|
||||||
})
|
|
||||||
|
|
||||||
const showMenu = ref(false)
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<the-header container sticky top-0 show-menu @menu-click="showMenu = true" />
|
|
||||||
<div flex container mx-auto px-4 gap-4>
|
|
||||||
<Teleport to="body" :disabled="!isMobile">
|
|
||||||
<div v-if="showMenu" backdrop-blur-sm inset-0 fixed @click="showMenu = false" />
|
|
||||||
<aside class="transition-transform lg:translate-x-0" main-bg :class="isMobile ? 'fixed inset-y-0 left-0 p-4' : ''" :translate-x="showMenu ? 0 : -84">
|
|
||||||
<nav w-64>
|
|
||||||
<ul>
|
|
||||||
<li
|
|
||||||
v-for="m in menu"
|
|
||||||
:key="m.name"
|
|
||||||
>
|
|
||||||
<h2 class="text-lg font-bold">
|
|
||||||
{{ m.name }}
|
|
||||||
</h2>
|
|
||||||
<ul mt-4 space-y-4 border="l-2 dark-50/50">
|
|
||||||
<li v-for="item in m.subMenu" :key="item.path" pl-3>
|
|
||||||
<router-link :to="item.path" active-class="text-teal-600" hover:text-teal-600>
|
|
||||||
{{ item.name }}
|
|
||||||
</router-link>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
</aside>
|
|
||||||
</Teleport>
|
|
||||||
<main>
|
|
||||||
<article prose text-lg lg:max-w-full>
|
|
||||||
<RouterView />
|
|
||||||
</article>
|
|
||||||
</main>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
@@ -1,15 +0,0 @@
|
|||||||
import { ViteSSG } from 'vite-ssg'
|
|
||||||
import { setupLayouts } from 'virtual:generated-layouts'
|
|
||||||
import App from './App.vue'
|
|
||||||
import generatedRoutes from '~pages'
|
|
||||||
|
|
||||||
import '@unocss/reset/tailwind.css'
|
|
||||||
import './styles/main.css'
|
|
||||||
import 'uno.css'
|
|
||||||
|
|
||||||
const routes = setupLayouts(generatedRoutes)
|
|
||||||
|
|
||||||
export const createApp = ViteSSG(
|
|
||||||
App,
|
|
||||||
{ routes, base: import.meta.env.BASE_URL },
|
|
||||||
)
|
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div>Not Found</div>
|
|
||||||
</template>
|
|
||||||
@@ -1,13 +0,0 @@
|
|||||||
<script setup lang="ts">
|
|
||||||
defineOptions({
|
|
||||||
name: 'IndexPage',
|
|
||||||
})
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<hero />
|
|
||||||
<div mx-auto container space-y-14 divide-y divide="gray-200 dark:gray-800">
|
|
||||||
<features />
|
|
||||||
<installation />
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
@@ -1,23 +0,0 @@
|
|||||||
tml.dark .shiki-light {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
html:not(.dark) .shiki-dark {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
a:not(header *):not(nav *) {
|
|
||||||
@apply underline hover:text-teal-600;
|
|
||||||
}
|
|
||||||
|
|
||||||
header > nav > a {
|
|
||||||
@apply hover:text-teal-600 transition duration-200 ease-in-out ;
|
|
||||||
}
|
|
||||||
|
|
||||||
@screen lt-sm {
|
|
||||||
pre {
|
|
||||||
overflow-x: auto;
|
|
||||||
width: calc(100vw - 3rem);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,34 +0,0 @@
|
|||||||
{
|
|
||||||
"compilerOptions": {
|
|
||||||
"baseUrl": ".",
|
|
||||||
"module": "ESNext",
|
|
||||||
"target": "es2016",
|
|
||||||
"lib": ["DOM", "ESNext"],
|
|
||||||
"strict": true,
|
|
||||||
"jsx": "preserve",
|
|
||||||
"esModuleInterop": true,
|
|
||||||
"skipLibCheck": true,
|
|
||||||
"moduleResolution": "node",
|
|
||||||
"resolveJsonModule": true,
|
|
||||||
"noUnusedLocals": true,
|
|
||||||
"strictNullChecks": true,
|
|
||||||
"allowJs": true,
|
|
||||||
"forceConsistentCasingInFileNames": true,
|
|
||||||
"types": [
|
|
||||||
"vite/client",
|
|
||||||
"vite-plugin-pages/client",
|
|
||||||
"unplugin-vue-macros/macros-global",
|
|
||||||
"vite-plugin-vue-layouts/client"
|
|
||||||
],
|
|
||||||
"paths": {
|
|
||||||
"~/*": ["src/*"]
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"vueCompilerOptions": {
|
|
||||||
"plugins": [
|
|
||||||
"@vue-macros/volar/define-model",
|
|
||||||
"@vue-macros/volar/define-slots"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
"exclude": ["dist", "node_modules"]
|
|
||||||
}
|
|
||||||
@@ -1,30 +1,11 @@
|
|||||||
import {
|
import { defineConfig, presetAttributify, presetIcons, presetUno, presetWebFonts } from "unocss";
|
||||||
defineConfig,
|
|
||||||
presetAttributify,
|
|
||||||
presetIcons,
|
|
||||||
presetUno,
|
|
||||||
presetWebFonts,
|
|
||||||
|
|
||||||
} from 'unocss'
|
import { presetTypography } from "@unocss/preset-typography";
|
||||||
|
import transformerDirectives from "@unocss/transformer-directives";
|
||||||
import { presetTypography } from '@unocss/preset-typography'
|
|
||||||
import transformerDirectives from '@unocss/transformer-directives'
|
|
||||||
import Color from 'color'
|
|
||||||
|
|
||||||
const lighten = (c: string, n = 0.1) => Color(c).lighten(n).hex()
|
|
||||||
const darken = (c: string, n = 0.1) => Color(c).darken(n).hex()
|
|
||||||
|
|
||||||
export default defineConfig({
|
export default defineConfig({
|
||||||
shortcuts: [
|
shortcuts: [[/^circle-(\w+)$/, ([, c]) => `rounded-full bg-${c}500 w-3 h-3`]],
|
||||||
['btn', 'px-4 py-1 rounded inline-block bg-teal-600 text-white cursor-pointer hover:bg-teal-700 disabled:cursor-default disabled:bg-gray-600 disabled:opacity-50'],
|
transformers: [transformerDirectives()],
|
||||||
['icon-btn', 'text-[0.9em] inline-block cursor-pointer select-none opacity-75 transition duration-200 ease-in-out hover:opacity-100 hover:text-teal-600 !outline-none'],
|
|
||||||
['main-bg', 'bg-main-light dark:bg-main-dark'],
|
|
||||||
['btn-primary', 'rounded-full no-underline py-3 px-4 bg-primary hover:bg-primary-dark text-white hover:text-white text-lg focus:outline-none border-primary-light border-1 border-solid'],
|
|
||||||
[/^circle-(\w+)$/, ([, c]) => `rounded-full bg-${c}500 w-3 h-3`],
|
|
||||||
],
|
|
||||||
transformers: [
|
|
||||||
transformerDirectives(),
|
|
||||||
],
|
|
||||||
presets: [
|
presets: [
|
||||||
presetUno(),
|
presetUno(),
|
||||||
presetAttributify(),
|
presetAttributify(),
|
||||||
@@ -35,10 +16,10 @@ export default defineConfig({
|
|||||||
}),
|
}),
|
||||||
presetWebFonts({
|
presetWebFonts({
|
||||||
fonts: {
|
fonts: {
|
||||||
sans: 'Roboto:200',
|
sans: "Roboto:200",
|
||||||
playfair: [
|
playfair: [
|
||||||
{
|
{
|
||||||
name: 'Playfair Display',
|
name: "Playfair Display",
|
||||||
weights: [100, 200, 400, 700],
|
weights: [100, 200, 400, 700],
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
@@ -46,15 +27,6 @@ export default defineConfig({
|
|||||||
}),
|
}),
|
||||||
],
|
],
|
||||||
theme: {
|
theme: {
|
||||||
colors: {
|
colors: {},
|
||||||
brand: 'hsl(44, 100%, 77%)',
|
|
||||||
primary: {
|
|
||||||
DEFAULT: 'hsl(171, 100%, 41%)',
|
|
||||||
light: lighten('hsl(171, 100%, 41%)'),
|
|
||||||
dark: darken('hsl(171, 100%, 41%)'),
|
|
||||||
},
|
|
||||||
mainLight: '#eff0eb',
|
|
||||||
mainDark: '#1e1e20',
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
})
|
});
|
||||||
|
|||||||
@@ -1,89 +1,18 @@
|
|||||||
/// <reference types="vitest" />
|
import path from "path";
|
||||||
|
import { defineConfig } from "vite";
|
||||||
|
|
||||||
import path from 'path'
|
import Components from "unplugin-vue-components/vite";
|
||||||
import { defineConfig } from 'vite'
|
import Unocss from "unocss/vite";
|
||||||
import Vue from '@vitejs/plugin-vue'
|
|
||||||
import Pages from 'vite-plugin-pages'
|
|
||||||
import Layouts from 'vite-plugin-vue-layouts'
|
|
||||||
|
|
||||||
import Components from 'unplugin-vue-components/vite'
|
|
||||||
import AutoImport from 'unplugin-auto-import/vite'
|
|
||||||
import Unocss from 'unocss/vite'
|
|
||||||
import VueMacros from 'unplugin-vue-macros/vite'
|
|
||||||
import Markdown from 'vite-plugin-vue-markdown'
|
|
||||||
import LinkAttributes from 'markdown-it-link-attributes'
|
|
||||||
import Shiki from 'markdown-it-shiki'
|
|
||||||
|
|
||||||
export default defineConfig({
|
export default defineConfig({
|
||||||
resolve: {
|
|
||||||
alias: {
|
|
||||||
'~/': `${path.resolve(__dirname, 'src')}/`,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
plugins: [
|
plugins: [
|
||||||
VueMacros({
|
|
||||||
plugins: {
|
|
||||||
vue: Vue({
|
|
||||||
include: [/\.vue$/, /\.md$/],
|
|
||||||
reactivityTransform: true,
|
|
||||||
}),
|
|
||||||
},
|
|
||||||
}),
|
|
||||||
|
|
||||||
// https://github.com/hannoeru/vite-plugin-pages
|
|
||||||
Pages({
|
|
||||||
extensions: ['vue', 'md'],
|
|
||||||
}),
|
|
||||||
|
|
||||||
Layouts(),
|
|
||||||
|
|
||||||
// https://github.com/antfu/unplugin-auto-import
|
|
||||||
AutoImport({
|
|
||||||
imports: [
|
|
||||||
'vue',
|
|
||||||
'vue/macros',
|
|
||||||
'vue-router',
|
|
||||||
'@vueuse/core',
|
|
||||||
],
|
|
||||||
dts: true,
|
|
||||||
dirs: [
|
|
||||||
'./src/composables',
|
|
||||||
],
|
|
||||||
vueTemplate: true,
|
|
||||||
}),
|
|
||||||
|
|
||||||
// https://github.com/antfu/vite-plugin-components
|
|
||||||
Components({
|
Components({
|
||||||
// allow auto load markdown components under `./src/components/`
|
dirs: [path.resolve(__dirname, ".vitepress/theme/components")],
|
||||||
extensions: ['vue', 'md'],
|
extensions: ["vue", "md"],
|
||||||
// allow auto import and register components used in markdown
|
|
||||||
include: [/\.vue$/, /\.vue\?vue/, /\.md$/],
|
include: [/\.vue$/, /\.vue\?vue/, /\.md$/],
|
||||||
dts: true,
|
dts: true,
|
||||||
}),
|
}),
|
||||||
|
|
||||||
// https://github.com/antfu/unocss
|
|
||||||
// see unocss.config.ts for config
|
|
||||||
Unocss(),
|
Unocss(),
|
||||||
Markdown({
|
|
||||||
|
|
||||||
headEnabled: true,
|
|
||||||
markdownItSetup(md) {
|
|
||||||
// https://prismjs.com/
|
|
||||||
md.use(Shiki, {
|
|
||||||
})
|
|
||||||
md.use(LinkAttributes, {
|
|
||||||
matcher: (link: string) => /^https?:\/\//.test(link),
|
|
||||||
attrs: {
|
|
||||||
target: '_blank',
|
|
||||||
rel: 'noopener',
|
|
||||||
},
|
|
||||||
})
|
|
||||||
},
|
|
||||||
}),
|
|
||||||
],
|
],
|
||||||
|
});
|
||||||
ssgOptions: {
|
|
||||||
script: 'async',
|
|
||||||
formatting: 'minify',
|
|
||||||
},
|
|
||||||
})
|
|
||||||
|
|||||||
3
netlify.toml
Executable file
3
netlify.toml
Executable file
@@ -0,0 +1,3 @@
|
|||||||
|
[build]
|
||||||
|
publish = "docs/.vitepress/dist"
|
||||||
|
command = "pnpm docs:build"
|
||||||
208
package.json
208
package.json
@@ -1,103 +1,113 @@
|
|||||||
{
|
{
|
||||||
"name": "dozzle",
|
"name": "dozzle",
|
||||||
"version": "4.8.1",
|
"version": "4.8.1",
|
||||||
"description": "Realtime log viewer for docker containers. ",
|
"description": "Realtime log viewer for docker containers. ",
|
||||||
"homepage": "https://github.com/amir20/dozzle#readme",
|
"homepage": "https://github.com/amir20/dozzle#readme",
|
||||||
"bugs": {
|
"bugs": {
|
||||||
"url": "https://github.com/amir20/dozzle/issues"
|
"url": "https://github.com/amir20/dozzle/issues"
|
||||||
|
},
|
||||||
|
"repository": {
|
||||||
|
"type": "git",
|
||||||
|
"url": "git+https://github.com/amir20/dozzle.git"
|
||||||
|
},
|
||||||
|
"license": "ISC",
|
||||||
|
"author": "Amir Raminfar <findamir@gmail.com>",
|
||||||
|
"scripts": {
|
||||||
|
"watch:assets": "vite --open",
|
||||||
|
"watch:server": "LIVE_FS=true DOZZLE_ADDR=localhost:3100 reflex -c .reflex",
|
||||||
|
"dev": "make fake_assets && npm-run-all -p watch:assets watch:server",
|
||||||
|
"build": "vite build",
|
||||||
|
"release": "release-it",
|
||||||
|
"test": "TZ=UTC vitest",
|
||||||
|
"postinstall": "husky install",
|
||||||
|
"docs:dev": "vitepress dev docs --open",
|
||||||
|
"docs:build": "vitepress build docs",
|
||||||
|
"docs:preview": "vitepress preview docs"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"@iconify-json/carbon": "^1.1.16",
|
||||||
|
"@iconify-json/cil": "^1.1.4",
|
||||||
|
"@iconify-json/mdi": "^1.1.49",
|
||||||
|
"@iconify-json/mdi-light": "^1.1.6",
|
||||||
|
"@iconify-json/octicon": "^1.1.35",
|
||||||
|
"@intlify/unplugin-vue-i18n": "^0.9.1",
|
||||||
|
"@oruga-ui/oruga-next": "^0.5.10",
|
||||||
|
"@oruga-ui/theme-bulma": "^0.2.9",
|
||||||
|
"@vueuse/core": "^9.13.0",
|
||||||
|
"@vueuse/integrations": "^9.13.0",
|
||||||
|
"@vueuse/router": "^9.13.0",
|
||||||
|
"ansi-to-html": "^0.7.2",
|
||||||
|
"bulma": "^0.9.4",
|
||||||
|
"d3-array": "^3.2.2",
|
||||||
|
"d3-ease": "^3.0.1",
|
||||||
|
"d3-scale": "^4.0.2",
|
||||||
|
"d3-selection": "^3.0.0",
|
||||||
|
"d3-shape": "^3.2.0",
|
||||||
|
"d3-transition": "^3.0.1",
|
||||||
|
"date-fns": "^2.29.3",
|
||||||
|
"fuse.js": "^6.6.2",
|
||||||
|
"lodash.debounce": "^4.0.8",
|
||||||
|
"pinia": "^2.0.33",
|
||||||
|
"semver": "^7.3.8",
|
||||||
|
"splitpanes": "^3.1.5",
|
||||||
|
"vue": "^3.2.47",
|
||||||
|
"vue-i18n": "^9.2.2",
|
||||||
|
"vue-router": "^4.1.6"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@pinia/testing": "^0.0.15",
|
||||||
|
"@types/d3-array": "^3.0.4",
|
||||||
|
"@types/d3-ease": "^3.0.0",
|
||||||
|
"@types/d3-scale": "^4.0.3",
|
||||||
|
"@types/d3-selection": "^3.0.4",
|
||||||
|
"@types/d3-shape": "^3.1.1",
|
||||||
|
"@types/d3-transition": "^3.0.3",
|
||||||
|
"@types/lodash.debounce": "^4.0.7",
|
||||||
|
"@types/node": "^18.14.6",
|
||||||
|
"@types/semver": "^7.3.13",
|
||||||
|
"@vitejs/plugin-vue": "4.0.0",
|
||||||
|
"@vue/compiler-sfc": "^3.2.47",
|
||||||
|
"@vue/test-utils": "^2.3.0",
|
||||||
|
"c8": "^7.13.0",
|
||||||
|
"eventsourcemock": "^2.0.0",
|
||||||
|
"husky": "^8.0.3",
|
||||||
|
"jest-serializer-vue": "^3.0.0",
|
||||||
|
"jsdom": "^21.1.0",
|
||||||
|
"lint-staged": "^13.1.2",
|
||||||
|
"npm-run-all": "^4.1.5",
|
||||||
|
"prettier": "^2.8.4",
|
||||||
|
"release-it": "^15.7.0",
|
||||||
|
"sass": "^1.58.3",
|
||||||
|
"ts-node": "^10.9.1",
|
||||||
|
"typescript": "^4.9.5",
|
||||||
|
"unplugin-auto-import": "^0.15.1",
|
||||||
|
"unplugin-icons": "^0.15.3",
|
||||||
|
"unplugin-vue-components": "^0.24.1",
|
||||||
|
"vite": "4.1.4",
|
||||||
|
"vite-plugin-pages": "^0.28.0",
|
||||||
|
"vite-plugin-vue-layouts": "^0.8.0",
|
||||||
|
"vitest": "^0.29.2",
|
||||||
|
"vue-tsc": "^1.2.0"
|
||||||
|
},
|
||||||
|
"lint-staged": {
|
||||||
|
"*.{js,vue,css}": [
|
||||||
|
"prettier --write"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"release-it": {
|
||||||
|
"github": {
|
||||||
|
"release": false,
|
||||||
|
"releaseNotes": "git log --pretty=format:\"* %s (%h)\" $(git describe --abbrev=0 --tags $(git rev-list --tags --skip=1 --max-count=1))...HEAD~1"
|
||||||
},
|
},
|
||||||
"repository": {
|
"npm": {
|
||||||
"type": "git",
|
"publish": false
|
||||||
"url": "git+https://github.com/amir20/dozzle.git"
|
|
||||||
},
|
|
||||||
"license": "ISC",
|
|
||||||
"author": "Amir Raminfar <findamir@gmail.com>",
|
|
||||||
"scripts": {
|
|
||||||
"watch:assets": "vite --open",
|
|
||||||
"watch:server": "LIVE_FS=true DOZZLE_ADDR=localhost:3100 reflex -c .reflex",
|
|
||||||
"dev": "make fake_assets && npm-run-all -p watch:assets watch:server",
|
|
||||||
"build": "vite build",
|
|
||||||
"release": "release-it",
|
|
||||||
"test": "TZ=UTC vitest",
|
|
||||||
"postinstall": "husky install"
|
|
||||||
},
|
|
||||||
"dependencies": {
|
|
||||||
"@iconify-json/carbon": "^1.1.16",
|
|
||||||
"@iconify-json/cil": "^1.1.4",
|
|
||||||
"@iconify-json/mdi": "^1.1.49",
|
|
||||||
"@iconify-json/mdi-light": "^1.1.6",
|
|
||||||
"@iconify-json/octicon": "^1.1.35",
|
|
||||||
"@intlify/unplugin-vue-i18n": "^0.9.1",
|
|
||||||
"@oruga-ui/oruga-next": "^0.5.10",
|
|
||||||
"@oruga-ui/theme-bulma": "^0.2.9",
|
|
||||||
"@vueuse/core": "^9.13.0",
|
|
||||||
"@vueuse/integrations": "^9.13.0",
|
|
||||||
"@vueuse/router": "^9.13.0",
|
|
||||||
"ansi-to-html": "^0.7.2",
|
|
||||||
"bulma": "^0.9.4",
|
|
||||||
"d3-array": "^3.2.2",
|
|
||||||
"d3-ease": "^3.0.1",
|
|
||||||
"d3-scale": "^4.0.2",
|
|
||||||
"d3-selection": "^3.0.0",
|
|
||||||
"d3-shape": "^3.2.0",
|
|
||||||
"d3-transition": "^3.0.1",
|
|
||||||
"date-fns": "^2.29.3",
|
|
||||||
"fuse.js": "^6.6.2",
|
|
||||||
"lodash.debounce": "^4.0.8",
|
|
||||||
"pinia": "^2.0.33",
|
|
||||||
"semver": "^7.3.8",
|
|
||||||
"splitpanes": "^3.1.5",
|
|
||||||
"vue": "^3.2.47",
|
|
||||||
"vue-i18n": "^9.2.2",
|
|
||||||
"vue-router": "^4.1.6"
|
|
||||||
},
|
|
||||||
"devDependencies": {
|
|
||||||
"@pinia/testing": "^0.0.15",
|
|
||||||
"@types/d3-array": "^3.0.4",
|
|
||||||
"@types/d3-ease": "^3.0.0",
|
|
||||||
"@types/d3-scale": "^4.0.3",
|
|
||||||
"@types/d3-selection": "^3.0.4",
|
|
||||||
"@types/d3-shape": "^3.1.1",
|
|
||||||
"@types/d3-transition": "^3.0.3",
|
|
||||||
"@types/lodash.debounce": "^4.0.7",
|
|
||||||
"@types/node": "^18.14.6",
|
|
||||||
"@types/semver": "^7.3.13",
|
|
||||||
"@vitejs/plugin-vue": "4.0.0",
|
|
||||||
"@vue/compiler-sfc": "^3.2.47",
|
|
||||||
"@vue/test-utils": "^2.3.0",
|
|
||||||
"c8": "^7.13.0",
|
|
||||||
"eventsourcemock": "^2.0.0",
|
|
||||||
"husky": "^8.0.3",
|
|
||||||
"jest-serializer-vue": "^3.0.0",
|
|
||||||
"jsdom": "^21.1.0",
|
|
||||||
"lint-staged": "^13.1.2",
|
|
||||||
"npm-run-all": "^4.1.5",
|
|
||||||
"prettier": "^2.8.4",
|
|
||||||
"release-it": "^15.7.0",
|
|
||||||
"sass": "^1.58.3",
|
|
||||||
"ts-node": "^10.9.1",
|
|
||||||
"typescript": "^4.9.5",
|
|
||||||
"unplugin-auto-import": "^0.15.1",
|
|
||||||
"unplugin-icons": "^0.15.3",
|
|
||||||
"unplugin-vue-components": "^0.24.1",
|
|
||||||
"vite": "4.1.4",
|
|
||||||
"vite-plugin-pages": "^0.28.0",
|
|
||||||
"vite-plugin-vue-layouts": "^0.8.0",
|
|
||||||
"vitest": "^0.29.2",
|
|
||||||
"vue-tsc": "^1.2.0"
|
|
||||||
},
|
|
||||||
"lint-staged": {
|
|
||||||
"*.{js,vue,css}": [
|
|
||||||
"prettier --write"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
"release-it": {
|
|
||||||
"github": {
|
|
||||||
"release": false,
|
|
||||||
"releaseNotes": "git log --pretty=format:\"* %s (%h)\" $(git describe --abbrev=0 --tags $(git rev-list --tags --skip=1 --max-count=1))...HEAD~1"
|
|
||||||
},
|
|
||||||
"npm": {
|
|
||||||
"publish": false
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
"optionalDependencies": {
|
||||||
|
"@unocss/preset-typography": "^0.50.4",
|
||||||
|
"@unocss/reset": "^0.50.4",
|
||||||
|
"@unocss/transformer-directives": "^0.50.4",
|
||||||
|
"unocss": "^0.50.4",
|
||||||
|
"vitepress": "1.0.0-alpha.50"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
700
pnpm-lock.yaml
generated
700
pnpm-lock.yaml
generated
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user