├── .nvmrc
├── .npmrc
├── src
    ├── composables
    │   ├── index.ts
    │   └── dark.ts
    ├── lib
    │   └── index.ts
    ├── styles
    │   └── main.css
    ├── App.vue
    ├── components
    │   ├── icons
    │   │   ├── README.md
    │   │   └── CarbonIcon.vue
    │   ├── README.md
    │   ├── Counter.vue
    │   └── Footer.vue
    ├── pages
    │   ├── README.md
    │   ├── hi
    │   │   └── [name].vue
    │   └── index.vue
    └── main.ts
├── public
    ├── logo.webp
    └── favicon.svg
├── eslint.config.js
├── test
    └── basic.test.ts
├── .vscode
    ├── extensions.json
    └── settings.json
├── .gitignore
├── netlify.toml
├── components.d.ts
├── tsconfig.json
├── index.html
├── unocss.config.ts
├── package.json
├── vite.config.ts
├── README.md
└── auto-imports.d.ts


/.nvmrc:
--------------------------------------------------------------------------------
1 | v20
2 | 


--------------------------------------------------------------------------------
/.npmrc:
--------------------------------------------------------------------------------
1 | shamefully-hoist=true
2 | 


--------------------------------------------------------------------------------
/src/composables/index.ts:
--------------------------------------------------------------------------------
1 | export * from './dark'
2 | 


--------------------------------------------------------------------------------
/src/lib/index.ts:
--------------------------------------------------------------------------------
1 | export const isIE = 'ActiveXObject' in window
2 | 


--------------------------------------------------------------------------------
/public/logo.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luvletterldl/the-last-naruto/HEAD/public/logo.webp


--------------------------------------------------------------------------------
/eslint.config.js:
--------------------------------------------------------------------------------
1 | import antfu from '@antfu/eslint-config'
2 | 
3 | export default antfu({
4 |   rules: {
5 |     'no-console': 0,
6 |   },
7 | })
8 | 


--------------------------------------------------------------------------------
/src/composables/dark.ts:
--------------------------------------------------------------------------------
1 | import { useDark, useToggle } from '@vueuse/core'
2 | 
3 | export const isDark = useDark()
4 | export const toggleDark = useToggle(isDark)
5 | 


--------------------------------------------------------------------------------
/src/styles/main.css:
--------------------------------------------------------------------------------
 1 | html,
 2 | body,
 3 | #root {
 4 |   height: 100%;
 5 |   margin: 0;
 6 |   padding: 0;
 7 | }
 8 | 
 9 | html.dark {
10 |   background: #121212;
11 | }
12 | 


--------------------------------------------------------------------------------
/test/basic.test.ts:
--------------------------------------------------------------------------------
1 | import { describe, expect, it } from 'vitest'
2 | 
3 | describe('hi', () => {
4 |   it('should works', () => {
5 |     expect(1 + 1).toEqual(2)
6 |   })
7 | })
8 | 


--------------------------------------------------------------------------------
/src/App.vue:
--------------------------------------------------------------------------------
1 | <template>
2 |   <div id="root">
3 |     <main font-sans p="x-4 y-10" text="center gray-700 dark:gray-200">
4 |       <router-view />
5 |       <Footer />
6 |     </main>
7 |   </div>
8 | </template>
9 | 


--------------------------------------------------------------------------------
/src/components/icons/README.md:
--------------------------------------------------------------------------------
1 | # Icon
2 | 
3 | [icones](https://icones.js.org/)
4 | 
5 | Cause IE11 not support mask. [caniuse](https://caniuse.com/?search=mask)
6 | 
7 | If you want to use icons on IE11. You can refer to [CarbonIcon.vue](./CarbonIcon.vue) file.
8 | 


--------------------------------------------------------------------------------
/.vscode/extensions.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "recommendations": [
 3 |     "antfu.iconify",
 4 |     "antfu.unocss",
 5 |     "antfu.goto-alias",
 6 |     "vue.volar",
 7 |     "dbaeumer.vscode-eslint"
 8 |   ],
 9 |   "unwantedRecommendations": [
10 |     "octref.vetur"
11 |   ]
12 | }
13 | 


--------------------------------------------------------------------------------
/public/favicon.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
 2 |   <style>
 3 |     path { fill: #222; }
 4 |     @media (prefers-color-scheme: dark) {
 5 |       path { fill: #ffffff; }
 6 |     }
 7 |   </style>
 8 |   <path d="M27.562 26L17.17 8.928l2.366-3.888L17.828 4L16 7.005L14.17 4l-1.708 1.04l2.366 3.888L4.438 26H2v2h28v-2zM16 10.85L25.22 26H17v-8h-2v8H6.78z" />
 9 | </svg>
10 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # Logs
 2 | logs
 3 | *.log
 4 | npm-debug.log*
 5 | yarn-debug.log*
 6 | yarn-error.log*
 7 | pnpm-debug.log*
 8 | lerna-debug.log*
 9 | 
10 | package-lock.json
11 | pnpm-lock.json
12 | 
13 | node_modules
14 | dist
15 | dist-ssr
16 | *.local
17 | 
18 | # Editor directories and files
19 | .vscode/*
20 | !.vscode/extensions.json
21 | .idea
22 | .DS_Store
23 | *.suo
24 | *.ntvs*
25 | *.njsproj
26 | *.sln
27 | *.sw?
28 | 


--------------------------------------------------------------------------------
/netlify.toml:
--------------------------------------------------------------------------------
 1 | [build]
 2 | publish = "dist"
 3 | command = "npx pnpm i --store=node_modules/.pnpm-store && npx pnpm run build"
 4 | 
 5 | [build.environment]
 6 | # bypass npm auto install
 7 | NPM_FLAGS = "--version"
 8 | NODE_VERSION = "18"
 9 | 
10 | [[redirects]]
11 | from = "/*"
12 | to = "/index.html"
13 | status = 200
14 | 
15 | [[headers]]
16 | for = "/manifest.webmanifest"
17 | 
18 | [headers.values]
19 | Content-Type = "application/manifest+json"
20 | 


--------------------------------------------------------------------------------
/src/components/README.md:
--------------------------------------------------------------------------------
 1 | ## Components
 2 | 
 3 | Components in this dir will be auto-registered and on-demand, powered by [`unplugin-vue-components`](https://github.com/antfu/unplugin-vue-components).
 4 | 
 5 | ### Icons
 6 | 
 7 | You can use icons from almost any icon sets by the power of [Iconify](https://iconify.design/).
 8 | 
 9 | It will only bundle the icons you use. Check out [`unplugin-icons`](https://github.com/antfu/unplugin-icons) for more details.
10 | 


--------------------------------------------------------------------------------
/src/components/Counter.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { useCounter } from '@vueuse/core'
 3 | 
 4 | const props = defineProps<{
 5 |   initial: number
 6 | }>()
 7 | const { count, inc, dec } = useCounter(props.initial)
 8 | </script>
 9 | 
10 | <template>
11 |   <div>
12 |     {{ count }}
13 |     <button class="inc" @click="inc()">
14 |       +
15 |     </button>
16 |     <button class="dec" @click="dec()">
17 |       -
18 |     </button>
19 |   </div>
20 | </template>
21 | 


--------------------------------------------------------------------------------
/src/pages/README.md:
--------------------------------------------------------------------------------
 1 | ## File-based Routing
 2 | 
 3 | Routes will be auto-generated for Vue files in this dir with the same file structure.
 4 | Check out [`vite-plugin-pages`](https://github.com/hannoeru/vite-plugin-pages) for more details.
 5 | 
 6 | ### Path Aliasing
 7 | 
 8 | `~/` is aliased to `./src/` folder.
 9 | 
10 | For example, instead of having
11 | 
12 | ```ts
13 | import { isDark } from '../../../../composables'
14 | ```
15 | 
16 | now, you can use
17 | 
18 | ```ts
19 | import { isDark } from '~/composables'
20 | ```
21 | 


--------------------------------------------------------------------------------
/src/main.ts:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue'
 2 | import routes from 'virtual:generated-pages'
 3 | import VueRouter from 'vue-router'
 4 | import App from './App.vue'
 5 | 
 6 | import '@unocss/reset/tailwind-compat.css'
 7 | import '~/styles/main.css'
 8 | import 'uno.css'
 9 | 
10 | Vue.config.productionTip = false
11 | 
12 | export const router = new VueRouter({
13 |   mode: 'history',
14 |   base: import.meta.env.BASE_URL,
15 |   routes,
16 | })
17 | 
18 | Vue.use(VueRouter)
19 | 
20 | new Vue({
21 |   router,
22 |   render: h => h(App),
23 | }).$mount('#app')
24 | 


--------------------------------------------------------------------------------
/src/pages/hi/[name].vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { router } from '~/main'
 3 | 
 4 | const props = defineProps<{ name: string }>()
 5 | </script>
 6 | 
 7 | <template>
 8 |   <div>
 9 |     <carbon-icon name="pedestrian" text-4xl size="14" />
10 |     <p>Hi, {{ props.name }}</p>
11 |     <p text-sm op50>
12 |       <em>Dynamic route!</em>
13 |     </p>
14 | 
15 |     <div>
16 |       <button class="btn m-3 text-sm mt-8" @click="router.back()">
17 |         Back
18 |       </button>
19 |     </div>
20 |   </div>
21 | </template>
22 | 


--------------------------------------------------------------------------------
/src/components/Footer.vue:
--------------------------------------------------------------------------------
 1 | <script lang="ts" setup>
 2 | import { isDark, toggleDark } from '~/composables'
 3 | </script>
 4 | 
 5 | <template>
 6 |   <nav text-xl w-14 mx-auto mt-6 flex justify-between>
 7 |     <button icon-btn @click="toggleDark()">
 8 |       <carbon-icon :name="isDark ? 'moon' : 'sun'" />
 9 |     </button>
10 | 
11 |     <a
12 |       icon-btn
13 |       rel="noreferrer"
14 |       href="https://github.com/luvletterldl/the-last-naruto"
15 |       target="_blank"
16 |       title="GitHub"
17 |     >
18 |       <carbon-icon name="logo-github" />
19 |     </a>
20 |   </nav>
21 | </template>
22 | 


--------------------------------------------------------------------------------
/components.d.ts:
--------------------------------------------------------------------------------
 1 | /* eslint-disable */
 2 | // @ts-nocheck
 3 | // Generated by unplugin-vue-components
 4 | // Read more: https://github.com/vuejs/core/pull/3399
 5 | export {}
 6 | 
 7 | /* prettier-ignore */
 8 | declare module 'vue' {
 9 |   export interface GlobalComponents {
10 |     CarbonIcon: typeof import('./src/components/icons/CarbonIcon.vue')['default']
11 |     Counter: typeof import('./src/components/Counter.vue')['default']
12 |     Footer: typeof import('./src/components/Footer.vue')['default']
13 |     RouterLink: typeof import('vue-router')['RouterLink']
14 |     RouterView: typeof import('vue-router')['RouterView']
15 |   }
16 | }
17 | 


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     "incremental": false,
 4 |     "target": "ES6",
 5 |     "jsx": "preserve",
 6 |     "lib": ["esnext", "dom"],
 7 |     "useDefineForClassFields": true,
 8 |     "baseUrl": ".",
 9 |     "module": "esnext",
10 |     "moduleResolution": "node",
11 |     "paths": {
12 |       "~/*": ["src/*"]
13 |     },
14 |     "resolveJsonModule": true,
15 |     "types": ["vite/client", "vite-plugin-pages/client"],
16 |     "strict": true,
17 |     "strictNullChecks": true,
18 |     "noUnusedLocals": true,
19 |     "sourceMap": true,
20 |     "esModuleInterop": true,
21 |     "forceConsistentCasingInFileNames": true,
22 |     "isolatedModules": true,
23 |     "skipLibCheck": true
24 |   },
25 |   "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
26 |   "vueCompilerOptions": {
27 |     "target": 2.7
28 |   }
29 | }
30 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="UTF-8" />
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 6 |     <meta name="description" content="Vite + Vue2.7 Starter Template">
 7 |     <link rel="icon" href="/favicon.svg" type="image/svg+xml" />
 8 |     <title>The Last Naruto</title>
 9 |   </head>
10 |   <body class="font-sans dark:text-white dark:bg-hex-121212">
11 |     <div id="app"></div>
12 |     <script>
13 |       (function () {
14 |         const prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches
15 |         const setting = localStorage.getItem('color-schema') || 'auto'
16 |         if (setting === 'dark' || (prefersDark && setting !== 'light'))
17 |           document.documentElement.classList.toggle('dark', true)
18 |       })()
19 |     </script>
20 |     <script>
21 |       window.MSInputMethodContext && document.documentMode && document.write('<script src="https://cdn.jsdelivr.net/gh/nuxodin/ie11CustomProperties@4.1.0/ie11CustomProperties.min.js"><\/script>')
22 |     </script>
23 |     <script type="module" src="/src/main.ts"></script>
24 |   </body>
25 | </html>
26 | 


--------------------------------------------------------------------------------
/unocss.config.ts:
--------------------------------------------------------------------------------
 1 | import {
 2 |   defineConfig,
 3 |   presetAttributify,
 4 |   presetIcons,
 5 |   presetUno,
 6 |   presetWebFonts,
 7 |   // transformerDirectives,
 8 |   // transformerVariantGroup,
 9 | } from 'unocss'
10 | 
11 | export default defineConfig({
12 |   shortcuts: [
13 |     [
14 |       'btn',
15 |       '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',
16 |     ],
17 |     [
18 |       'icon-btn',
19 |       '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',
20 |     ],
21 |   ],
22 |   safelist: 'w-6 h-6 w-10 w-14 h-14 h-10 w-20 h-20'.split(' '),
23 |   presets: [
24 |     presetUno(),
25 |     presetAttributify(),
26 |     presetIcons({
27 |       scale: 1.2,
28 |       warn: true,
29 |     }),
30 |     presetWebFonts({
31 |       fonts: {
32 |         sans: 'DM Sans',
33 |         serif: 'DM Serif Display',
34 |         mono: 'DM Mono',
35 |       },
36 |     }),
37 |   ],
38 |   // transformers: [
39 |   //   transformerDirectives(),
40 |   //   transformerVariantGroup(),
41 |   // ],
42 | })
43 | 


--------------------------------------------------------------------------------
/src/components/icons/CarbonIcon.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { isIE } from '~/lib/index'
 3 | 
 4 | interface IconProps {
 5 |   color?: string
 6 |   name: string
 7 |   size?: number | string
 8 | }
 9 | 
10 | withDefaults(defineProps<IconProps> (), {
11 |   color: '#374151',
12 |   size: 6,
13 | })
14 | 
15 | const Icons: Record<string, string> = {
16 |   'campsite': 'https://api.iconify.design/carbon:campsite.svg',
17 |   'moon': 'https://api.iconify.design/carbon:moon.svg',
18 |   'sun': 'https://api.iconify.design/carbon:sun.svg',
19 |   'logo-github': 'https://api.iconify.design/carbon:logo-github.svg',
20 |   'pedestrian': 'https://api.iconify.design/carbon:pedestrian.svg',
21 | }
22 | 
23 | const IconName: Record<string, string> = {
24 |   'campsite': 'i-carbon-campsite',
25 |   'moon': 'i-carbon-moon',
26 |   'sun': 'i-carbon-sun',
27 |   'logo-github': 'i-carbon-logo-github',
28 |   'pedestrian': 'i-carbon-pedestrian',
29 | }
30 | </script>
31 | 
32 | <template>
33 |   <div :class="isIE ? `w-${size} h-${size}` : ''" display-context inline-block text-center>
34 |     <div v-if="isIE" :class="`w-${size} h-${size}`" :style="{ backgroundImage: `url(${Icons[name]})`, backgroundSize: '100% 100%' }" />
35 |     <div v-else :class="`${IconName[name]} text-${size}`" inline-block />
36 |   </div>
37 | </template>
38 | 


--------------------------------------------------------------------------------
/.vscode/settings.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "vetur.validation.script": false,
 3 |   "css.lint.unknownAtRules": "ignore",
 4 |   "scss.lint.unknownAtRules": "ignore",
 5 |   "less.lint.unknownAtRules": "ignore",
 6 |   // Enable the ESlint flat config support
 7 |   "eslint.experimental.useFlatConfig": true,
 8 | 
 9 |   // Disable the default formatter, use eslint instead
10 |   "prettier.enable": false,
11 |   "editor.formatOnSave": false,
12 | 
13 |   // Auto fix
14 |   "editor.codeActionsOnSave": {
15 |     "source.fixAll.eslint": "explicit",
16 |     "source.organizeImports": "never"
17 |   },
18 | 
19 |   // Silent the stylistic rules in you IDE, but still auto fix them
20 |   "eslint.rules.customizations": [
21 |     { "rule": "style/*", "severity": "off" },
22 |     { "rule": "format/*", "severity": "off" },
23 |     { "rule": "*-indent", "severity": "off" },
24 |     { "rule": "*-spacing", "severity": "off" },
25 |     { "rule": "*-spaces", "severity": "off" },
26 |     { "rule": "*-order", "severity": "off" },
27 |     { "rule": "*-dangle", "severity": "off" },
28 |     { "rule": "*-newline", "severity": "off" },
29 |     { "rule": "*quotes", "severity": "off" },
30 |     { "rule": "*semi", "severity": "off" }
31 |   ],
32 | 
33 |   // Enable eslint for all supported languages
34 |   "eslint.validate": [
35 |     "javascript",
36 |     "javascriptreact",
37 |     "typescript",
38 |     "typescriptreact",
39 |     "vue",
40 |     "html",
41 |     "markdown",
42 |     "json",
43 |     "jsonc",
44 |     "yaml",
45 |     "toml"
46 |   ]
47 | }
48 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "the-last-naruto",
 3 |   "type": "module",
 4 |   "version": "0.0.1",
 5 |   "private": true,
 6 |   "packageManager": "pnpm@9.6.0",
 7 |   "scripts": {
 8 |     "dev": "vite --port 3456 --open",
 9 |     "build": "vite build",
10 |     "lint": "eslint .",
11 |     "format": "eslint . --fix",
12 |     "typecheck": "vue-tsc --noEmit",
13 |     "preview": "vite preview",
14 |     "test": "vitest",
15 |     "up": "taze major -I",
16 |     "postinstall": "npx simple-git-hooks"
17 |   },
18 |   "dependencies": {
19 |     "@vueuse/core": "^10.11.0",
20 |     "vue": "2.7.16",
21 |     "vue-router": "3.6.5"
22 |   },
23 |   "devDependencies": {
24 |     "@antfu/eslint-config": "^2.24.1",
25 |     "@iconify-json/carbon": "^1.1.37",
26 |     "@unocss/reset": "^0.61.9",
27 |     "@unocss/transformer-directives": "^0.61.9",
28 |     "@unocss/transformer-variant-group": "^0.61.9",
29 |     "@vitejs/plugin-legacy": "^5.4.1",
30 |     "@vitejs/plugin-vue2": "^2.3.1",
31 |     "@vue/test-utils": "^2.4.6",
32 |     "eslint": "^9.8.0",
33 |     "jsdom": "^24.1.1",
34 |     "lightningcss": "^1.25.1",
35 |     "lint-staged": "^15.2.8",
36 |     "pnpm": "^9.6.0",
37 |     "simple-git-hooks": "^2.11.1",
38 |     "taze": "^0.16.3",
39 |     "terser": "^5.31.3",
40 |     "typescript": "^5.5.4",
41 |     "unocss": "^0.61.9",
42 |     "unplugin-auto-import": "^0.18.2",
43 |     "unplugin-vue-components": "^0.27.3",
44 |     "vite": "^5.3.5",
45 |     "vite-plugin-pages": "^0.32.3",
46 |     "vitest": "^2.0.5",
47 |     "vue-demi": "^0.14.10",
48 |     "vue-tsc": "^2.0.29"
49 |   },
50 |   "simple-git-hooks": {
51 |     "pre-commit": "pnpm lint-staged"
52 |   },
53 |   "lint-staged": {
54 |     "*": "eslint --fix"
55 |   }
56 | }
57 | 


--------------------------------------------------------------------------------
/vite.config.ts:
--------------------------------------------------------------------------------
 1 | /// <reference types="vitest" />
 2 | 
 3 | import path from 'node:path'
 4 | import { defineConfig } from 'vite'
 5 | import Vue from '@vitejs/plugin-vue2'
 6 | import Pages from 'vite-plugin-pages'
 7 | import legacy from '@vitejs/plugin-legacy'
 8 | import Components from 'unplugin-vue-components/vite'
 9 | import AutoImport from 'unplugin-auto-import/vite'
10 | import Unocss from 'unocss/vite'
11 | import transformerDirective from '@unocss/transformer-directives'
12 | import transformerVariantGroup from '@unocss/transformer-variant-group'
13 | 
14 | // https://vitejs.dev/config/
15 | export default defineConfig({
16 |   resolve: {
17 |     alias: {
18 |       '~/': `${path.resolve(__dirname, 'src')}/`,
19 |     },
20 |   },
21 |   css: {
22 |     transformer: 'lightningcss',
23 |   },
24 |   plugins: [
25 |     Vue(),
26 | 
27 |     // https://github.com/hannoeru/vite-plugin-pages
28 |     Pages(),
29 | 
30 |     // https://github.com/antfu/unplugin-auto-import
31 |     AutoImport({
32 |       imports: ['vue', 'vue/macros', 'vue-router', '@vueuse/core'],
33 |       dts: true,
34 |       dirs: ['./src/composables'],
35 |       vueTemplate: true,
36 |     }),
37 | 
38 |     // https://github.com/antfu/vite-plugin-components
39 |     Components({
40 |       dts: true,
41 |     }),
42 | 
43 |     legacy({
44 |       targets: ['ie >= 11'],
45 |       additionalLegacyPolyfills: ['regenerator-runtime/runtime'],
46 |     }),
47 |     // https://github.com/antfu/unocss
48 |     // see unocss.config.ts for config
49 |     Unocss({
50 |       transformers: [transformerVariantGroup(), transformerDirective()],
51 |     }),
52 |   ],
53 | 
54 |   // https://github.com/vitest-dev/vitest
55 |   test: {
56 |     environment: 'jsdom',
57 |   },
58 | })
59 | 


--------------------------------------------------------------------------------
/src/pages/index.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { ref } from 'vue'
 3 | import { router } from '~/main'
 4 | 
 5 | const name = ref('')
 6 | function go() {
 7 |   if (name.value)
 8 |     router.push(`/hi/${encodeURIComponent(name.value)}`)
 9 | }
10 | </script>
11 | 
12 | <template>
13 |   <div>
14 |     <carbon-icon name="campsite" text-4xl size="14" />
15 |     <header w-120 my-3 mx-auto flex items-center justify-between>
16 |       <img
17 |         w-30
18 |         src="https://user-images.githubusercontent.com/499550/176823239-f59d75de-1d24-4b2d-b04b-fcc95db2903e.png"
19 |         alt="naruto logo"
20 |       >
21 |       🔗
22 |       <img
23 |         w-30
24 |         src="https://upload.wikimedia.org/wikipedia/commons/c/c0/IE11_Cyan_rgb_vertical.svg"
25 |         alt="ie11 logo"
26 |       >
27 |       🔗
28 |       <img w-10 src="https://vitejs.dev/logo.svg" alt="vite logo">
29 |     </header>
30 |     <p>
31 |       <a
32 |         rel="noreferrer"
33 |         href="https://github.com/luvletterldl/the-last-naruto"
34 |         target="_blank"
35 |       >
36 |         The Last Naruto
37 |       </a>
38 |     </p>
39 |     <p>
40 |       <em text-sm op75>Vite + Vue2.7 Starter Template</em>
41 |     </p>
42 | 
43 |     <div py-4 />
44 | 
45 |     <input
46 |       id="input"
47 |       v-model="name"
48 |       placeholder="What's your name?"
49 |       type="text"
50 |       autocomplete="false"
51 |       p="x-4 y-2"
52 |       w="250px"
53 |       text="center"
54 |       bg="transparent"
55 |       border="~ rounded gray-200 dark:gray-700"
56 |       outline="none active:none"
57 |       @keydown.enter="go"
58 |     >
59 | 
60 |     <div>
61 |       <button class="m-3 text-sm btn" :disabled="!name" @click="go">
62 |         Go
63 |       </button>
64 |     </div>
65 |   </div>
66 | </template>
67 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # The Last Naruto
 2 | 
 3 | ![The Last Naruto Logo](./public/logo.webp)
 4 | 
 5 | [中文](https://juejin.cn/post/7122016953593495560)
 6 | 
 7 | # Features
 8 | 
 9 | - 👍 Support IE11 by [@vitejs/plugin-legacy](https://github.com/vitejs/vite/tree/main/packages/plugin-legacy)
10 | 
11 | - ⚡️ [Vue 2.7](https://github.com/vuejs/vue), [Vite 5](https://github.com/vitejs/vite), [pnpm](https://pnpm.io/), [ESBuild](https://github.com/evanw/esbuild) - born with fastness
12 | 
13 | - 🗂 [File based routing](./src/pages)
14 | 
15 | - 📦 [Components auto importing](./src/components)
16 | 
17 | - 🎨 [UnoCSS](https://github.com/antfu/unocss) - The instant on-demand atomic CSS engine.
18 | 
19 | - 😃 Use icons from any icon sets in [Pure CSS](https://github.com/antfu/unocss/tree/main/packages/preset-icons)
20 |   - IE11([partial support](./src/components/icons/README.md))
21 | 
22 | - 🔥 Use the [new `<script setup>` style](https://github.com/vuejs/rfcs/pull/227)
23 | 
24 | - ✅ Use [Vitest](http://vitest.dev/) for unit and components testing
25 | 
26 | - 🦾 TypeScript, of course
27 | 
28 | - ☁️ Deploy on Netlify, zero-config
29 | 
30 | # Pre-packed
31 | 
32 | ### UI Frameworks
33 | 
34 | - [UnoCSS](https://github.com/antfu/unocss) - The instant on-demand atomic CSS engine.
35 | 
36 | ### Icons
37 | 
38 | - [Iconify](https://iconify.design) - use icons from any icon sets [🔍Icônes](https://icones.netlify.app/)
39 |   - IE11([partial support](./src/components/icons/README.md))
40 | - [Pure CSS Icons via UnoCSS](https://github.com/antfu/unocss/tree/main/packages/preset-icons)
41 | 
42 | ### Plugins
43 | 
44 | - [Vue Router@3](https://github.com/vuejs/vue-router)
45 |   - [`vite-plugin-pages`](https://github.com/hannoeru/vite-plugin-pages) - file system based routing
46 | - [`unplugin-auto-import`](https://github.com/antfu/unplugin-auto-import) - Directly use Vue Composition API and others without importing
47 | - [`unplugin-vue-components`](https://github.com/antfu/unplugin-vue-components) - components auto import
48 | - [VueUse](https://github.com/antfu/vueuse) - collection of useful composition APIs
49 | 
50 | ## Try it now!
51 | 
52 | ### GitHub Template
53 | 
54 | [Create a repo from this template on GitHub](https://github.com/luvletterldl/the-last-naruto/generate).
55 | 
56 | ### Clone to local
57 | 
58 | If you prefer to do it manually with the cleaner git history
59 | 
60 | ```bash
61 | npx degit luvletterldl/the-last-naruto my-vue2.7
62 | cd my-vue2.7
63 | pnpm i # If you don't have pnpm installed, run: npm install -g pnpm
64 | ```
65 | 
66 | # Acknowledgement
67 | 
68 | [vitesse-lite](https://github.com/antfu/vitesse-lite)
69 | 
70 | [ie11CustomProperties](https://github.com/nuxodin/ie11CustomProperties)
71 | 


--------------------------------------------------------------------------------
/auto-imports.d.ts:
--------------------------------------------------------------------------------
  1 | /* eslint-disable */
  2 | /* prettier-ignore */
  3 | // @ts-nocheck
  4 | // noinspection JSUnusedGlobalSymbols
  5 | // Generated by unplugin-auto-import
  6 | export {}
  7 | declare global {
  8 |   const $: typeof import('vue/macros')['$']
  9 |   const $$: typeof import('vue/macros')['$$']
 10 |   const $computed: typeof import('vue/macros')['$computed']
 11 |   const $customRef: typeof import('vue/macros')['$customRef']
 12 |   const $ref: typeof import('vue/macros')['$ref']
 13 |   const $shallowRef: typeof import('vue/macros')['$shallowRef']
 14 |   const $toRef: typeof import('vue/macros')['$toRef']
 15 |   const EffectScope: typeof import('vue')['EffectScope']
 16 |   const asyncComputed: typeof import('@vueuse/core')['asyncComputed']
 17 |   const autoResetRef: typeof import('@vueuse/core')['autoResetRef']
 18 |   const computed: typeof import('vue')['computed']
 19 |   const computedAsync: typeof import('@vueuse/core')['computedAsync']
 20 |   const computedEager: typeof import('@vueuse/core')['computedEager']
 21 |   const computedInject: typeof import('@vueuse/core')['computedInject']
 22 |   const computedWithControl: typeof import('@vueuse/core')['computedWithControl']
 23 |   const controlledComputed: typeof import('@vueuse/core')['controlledComputed']
 24 |   const controlledRef: typeof import('@vueuse/core')['controlledRef']
 25 |   const createApp: typeof import('vue')['createApp']
 26 |   const createEventHook: typeof import('@vueuse/core')['createEventHook']
 27 |   const createGlobalState: typeof import('@vueuse/core')['createGlobalState']
 28 |   const createInjectionState: typeof import('@vueuse/core')['createInjectionState']
 29 |   const createReactiveFn: typeof import('@vueuse/core')['createReactiveFn']
 30 |   const createReusableTemplate: typeof import('@vueuse/core')['createReusableTemplate']
 31 |   const createSharedComposable: typeof import('@vueuse/core')['createSharedComposable']
 32 |   const createTemplatePromise: typeof import('@vueuse/core')['createTemplatePromise']
 33 |   const createUnrefFn: typeof import('@vueuse/core')['createUnrefFn']
 34 |   const customRef: typeof import('vue')['customRef']
 35 |   const debouncedRef: typeof import('@vueuse/core')['debouncedRef']
 36 |   const debouncedWatch: typeof import('@vueuse/core')['debouncedWatch']
 37 |   const defineAsyncComponent: typeof import('vue')['defineAsyncComponent']
 38 |   const defineComponent: typeof import('vue')['defineComponent']
 39 |   const eagerComputed: typeof import('@vueuse/core')['eagerComputed']
 40 |   const effectScope: typeof import('vue')['effectScope']
 41 |   const extendRef: typeof import('@vueuse/core')['extendRef']
 42 |   const getCurrentInstance: typeof import('vue')['getCurrentInstance']
 43 |   const getCurrentScope: typeof import('vue')['getCurrentScope']
 44 |   const h: typeof import('vue')['h']
 45 |   const ignorableWatch: typeof import('@vueuse/core')['ignorableWatch']
 46 |   const inject: typeof import('vue')['inject']
 47 |   const injectLocal: typeof import('@vueuse/core')['injectLocal']
 48 |   const isDark: typeof import('./src/composables/dark')['isDark']
 49 |   const isDefined: typeof import('@vueuse/core')['isDefined']
 50 |   const isProxy: typeof import('vue')['isProxy']
 51 |   const isReactive: typeof import('vue')['isReactive']
 52 |   const isReadonly: typeof import('vue')['isReadonly']
 53 |   const isRef: typeof import('vue')['isRef']
 54 |   const makeDestructurable: typeof import('@vueuse/core')['makeDestructurable']
 55 |   const markRaw: typeof import('vue')['markRaw']
 56 |   const nextTick: typeof import('vue')['nextTick']
 57 |   const onActivated: typeof import('vue')['onActivated']
 58 |   const onBeforeMount: typeof import('vue')['onBeforeMount']
 59 |   const onBeforeRouteLeave: typeof import('vue-router')['onBeforeRouteLeave']
 60 |   const onBeforeRouteUpdate: typeof import('vue-router')['onBeforeRouteUpdate']
 61 |   const onBeforeUnmount: typeof import('vue')['onBeforeUnmount']
 62 |   const onBeforeUpdate: typeof import('vue')['onBeforeUpdate']
 63 |   const onClickOutside: typeof import('@vueuse/core')['onClickOutside']
 64 |   const onDeactivated: typeof import('vue')['onDeactivated']
 65 |   const onErrorCaptured: typeof import('vue')['onErrorCaptured']
 66 |   const onKeyStroke: typeof import('@vueuse/core')['onKeyStroke']
 67 |   const onLongPress: typeof import('@vueuse/core')['onLongPress']
 68 |   const onMounted: typeof import('vue')['onMounted']
 69 |   const onRenderTracked: typeof import('vue')['onRenderTracked']
 70 |   const onRenderTriggered: typeof import('vue')['onRenderTriggered']
 71 |   const onScopeDispose: typeof import('vue')['onScopeDispose']
 72 |   const onServerPrefetch: typeof import('vue')['onServerPrefetch']
 73 |   const onStartTyping: typeof import('@vueuse/core')['onStartTyping']
 74 |   const onUnmounted: typeof import('vue')['onUnmounted']
 75 |   const onUpdated: typeof import('vue')['onUpdated']
 76 |   const pausableWatch: typeof import('@vueuse/core')['pausableWatch']
 77 |   const provide: typeof import('vue')['provide']
 78 |   const provideLocal: typeof import('@vueuse/core')['provideLocal']
 79 |   const reactify: typeof import('@vueuse/core')['reactify']
 80 |   const reactifyObject: typeof import('@vueuse/core')['reactifyObject']
 81 |   const reactive: typeof import('vue')['reactive']
 82 |   const reactiveComputed: typeof import('@vueuse/core')['reactiveComputed']
 83 |   const reactiveOmit: typeof import('@vueuse/core')['reactiveOmit']
 84 |   const reactivePick: typeof import('@vueuse/core')['reactivePick']
 85 |   const readonly: typeof import('vue')['readonly']
 86 |   const ref: typeof import('vue')['ref']
 87 |   const refAutoReset: typeof import('@vueuse/core')['refAutoReset']
 88 |   const refDebounced: typeof import('@vueuse/core')['refDebounced']
 89 |   const refDefault: typeof import('@vueuse/core')['refDefault']
 90 |   const refThrottled: typeof import('@vueuse/core')['refThrottled']
 91 |   const refWithControl: typeof import('@vueuse/core')['refWithControl']
 92 |   const resolveComponent: typeof import('vue')['resolveComponent']
 93 |   const resolveRef: typeof import('@vueuse/core')['resolveRef']
 94 |   const resolveUnref: typeof import('@vueuse/core')['resolveUnref']
 95 |   const shallowReactive: typeof import('vue')['shallowReactive']
 96 |   const shallowReadonly: typeof import('vue')['shallowReadonly']
 97 |   const shallowRef: typeof import('vue')['shallowRef']
 98 |   const syncRef: typeof import('@vueuse/core')['syncRef']
 99 |   const syncRefs: typeof import('@vueuse/core')['syncRefs']
100 |   const templateRef: typeof import('@vueuse/core')['templateRef']
101 |   const throttledRef: typeof import('@vueuse/core')['throttledRef']
102 |   const throttledWatch: typeof import('@vueuse/core')['throttledWatch']
103 |   const toRaw: typeof import('vue')['toRaw']
104 |   const toReactive: typeof import('@vueuse/core')['toReactive']
105 |   const toRef: typeof import('vue')['toRef']
106 |   const toRefs: typeof import('vue')['toRefs']
107 |   const toValue: typeof import('vue')['toValue']
108 |   const toggleDark: typeof import('./src/composables/dark')['toggleDark']
109 |   const triggerRef: typeof import('vue')['triggerRef']
110 |   const tryOnBeforeMount: typeof import('@vueuse/core')['tryOnBeforeMount']
111 |   const tryOnBeforeUnmount: typeof import('@vueuse/core')['tryOnBeforeUnmount']
112 |   const tryOnMounted: typeof import('@vueuse/core')['tryOnMounted']
113 |   const tryOnScopeDispose: typeof import('@vueuse/core')['tryOnScopeDispose']
114 |   const tryOnUnmounted: typeof import('@vueuse/core')['tryOnUnmounted']
115 |   const unref: typeof import('vue')['unref']
116 |   const unrefElement: typeof import('@vueuse/core')['unrefElement']
117 |   const until: typeof import('@vueuse/core')['until']
118 |   const useActiveElement: typeof import('@vueuse/core')['useActiveElement']
119 |   const useAnimate: typeof import('@vueuse/core')['useAnimate']
120 |   const useArrayDifference: typeof import('@vueuse/core')['useArrayDifference']
121 |   const useArrayEvery: typeof import('@vueuse/core')['useArrayEvery']
122 |   const useArrayFilter: typeof import('@vueuse/core')['useArrayFilter']
123 |   const useArrayFind: typeof import('@vueuse/core')['useArrayFind']
124 |   const useArrayFindIndex: typeof import('@vueuse/core')['useArrayFindIndex']
125 |   const useArrayFindLast: typeof import('@vueuse/core')['useArrayFindLast']
126 |   const useArrayIncludes: typeof import('@vueuse/core')['useArrayIncludes']
127 |   const useArrayJoin: typeof import('@vueuse/core')['useArrayJoin']
128 |   const useArrayMap: typeof import('@vueuse/core')['useArrayMap']
129 |   const useArrayReduce: typeof import('@vueuse/core')['useArrayReduce']
130 |   const useArraySome: typeof import('@vueuse/core')['useArraySome']
131 |   const useArrayUnique: typeof import('@vueuse/core')['useArrayUnique']
132 |   const useAsyncQueue: typeof import('@vueuse/core')['useAsyncQueue']
133 |   const useAsyncState: typeof import('@vueuse/core')['useAsyncState']
134 |   const useAttrs: typeof import('vue')['useAttrs']
135 |   const useBase64: typeof import('@vueuse/core')['useBase64']
136 |   const useBattery: typeof import('@vueuse/core')['useBattery']
137 |   const useBluetooth: typeof import('@vueuse/core')['useBluetooth']
138 |   const useBreakpoints: typeof import('@vueuse/core')['useBreakpoints']
139 |   const useBroadcastChannel: typeof import('@vueuse/core')['useBroadcastChannel']
140 |   const useBrowserLocation: typeof import('@vueuse/core')['useBrowserLocation']
141 |   const useCached: typeof import('@vueuse/core')['useCached']
142 |   const useClipboard: typeof import('@vueuse/core')['useClipboard']
143 |   const useClipboardItems: typeof import('@vueuse/core')['useClipboardItems']
144 |   const useCloned: typeof import('@vueuse/core')['useCloned']
145 |   const useColorMode: typeof import('@vueuse/core')['useColorMode']
146 |   const useConfirmDialog: typeof import('@vueuse/core')['useConfirmDialog']
147 |   const useCounter: typeof import('@vueuse/core')['useCounter']
148 |   const useCssModule: typeof import('vue')['useCssModule']
149 |   const useCssVar: typeof import('@vueuse/core')['useCssVar']
150 |   const useCssVars: typeof import('vue')['useCssVars']
151 |   const useCurrentElement: typeof import('@vueuse/core')['useCurrentElement']
152 |   const useCycleList: typeof import('@vueuse/core')['useCycleList']
153 |   const useDark: typeof import('@vueuse/core')['useDark']
154 |   const useDateFormat: typeof import('@vueuse/core')['useDateFormat']
155 |   const useDebounce: typeof import('@vueuse/core')['useDebounce']
156 |   const useDebounceFn: typeof import('@vueuse/core')['useDebounceFn']
157 |   const useDebouncedRefHistory: typeof import('@vueuse/core')['useDebouncedRefHistory']
158 |   const useDeviceMotion: typeof import('@vueuse/core')['useDeviceMotion']
159 |   const useDeviceOrientation: typeof import('@vueuse/core')['useDeviceOrientation']
160 |   const useDevicePixelRatio: typeof import('@vueuse/core')['useDevicePixelRatio']
161 |   const useDevicesList: typeof import('@vueuse/core')['useDevicesList']
162 |   const useDisplayMedia: typeof import('@vueuse/core')['useDisplayMedia']
163 |   const useDocumentVisibility: typeof import('@vueuse/core')['useDocumentVisibility']
164 |   const useDraggable: typeof import('@vueuse/core')['useDraggable']
165 |   const useDropZone: typeof import('@vueuse/core')['useDropZone']
166 |   const useElementBounding: typeof import('@vueuse/core')['useElementBounding']
167 |   const useElementByPoint: typeof import('@vueuse/core')['useElementByPoint']
168 |   const useElementHover: typeof import('@vueuse/core')['useElementHover']
169 |   const useElementSize: typeof import('@vueuse/core')['useElementSize']
170 |   const useElementVisibility: typeof import('@vueuse/core')['useElementVisibility']
171 |   const useEventBus: typeof import('@vueuse/core')['useEventBus']
172 |   const useEventListener: typeof import('@vueuse/core')['useEventListener']
173 |   const useEventSource: typeof import('@vueuse/core')['useEventSource']
174 |   const useEyeDropper: typeof import('@vueuse/core')['useEyeDropper']
175 |   const useFavicon: typeof import('@vueuse/core')['useFavicon']
176 |   const useFetch: typeof import('@vueuse/core')['useFetch']
177 |   const useFileDialog: typeof import('@vueuse/core')['useFileDialog']
178 |   const useFileSystemAccess: typeof import('@vueuse/core')['useFileSystemAccess']
179 |   const useFocus: typeof import('@vueuse/core')['useFocus']
180 |   const useFocusWithin: typeof import('@vueuse/core')['useFocusWithin']
181 |   const useFps: typeof import('@vueuse/core')['useFps']
182 |   const useFullscreen: typeof import('@vueuse/core')['useFullscreen']
183 |   const useGamepad: typeof import('@vueuse/core')['useGamepad']
184 |   const useGeolocation: typeof import('@vueuse/core')['useGeolocation']
185 |   const useIdle: typeof import('@vueuse/core')['useIdle']
186 |   const useImage: typeof import('@vueuse/core')['useImage']
187 |   const useInfiniteScroll: typeof import('@vueuse/core')['useInfiniteScroll']
188 |   const useIntersectionObserver: typeof import('@vueuse/core')['useIntersectionObserver']
189 |   const useInterval: typeof import('@vueuse/core')['useInterval']
190 |   const useIntervalFn: typeof import('@vueuse/core')['useIntervalFn']
191 |   const useKeyModifier: typeof import('@vueuse/core')['useKeyModifier']
192 |   const useLastChanged: typeof import('@vueuse/core')['useLastChanged']
193 |   const useLink: typeof import('vue-router')['useLink']
194 |   const useLocalStorage: typeof import('@vueuse/core')['useLocalStorage']
195 |   const useMagicKeys: typeof import('@vueuse/core')['useMagicKeys']
196 |   const useManualRefHistory: typeof import('@vueuse/core')['useManualRefHistory']
197 |   const useMediaControls: typeof import('@vueuse/core')['useMediaControls']
198 |   const useMediaQuery: typeof import('@vueuse/core')['useMediaQuery']
199 |   const useMemoize: typeof import('@vueuse/core')['useMemoize']
200 |   const useMemory: typeof import('@vueuse/core')['useMemory']
201 |   const useMounted: typeof import('@vueuse/core')['useMounted']
202 |   const useMouse: typeof import('@vueuse/core')['useMouse']
203 |   const useMouseInElement: typeof import('@vueuse/core')['useMouseInElement']
204 |   const useMousePressed: typeof import('@vueuse/core')['useMousePressed']
205 |   const useMutationObserver: typeof import('@vueuse/core')['useMutationObserver']
206 |   const useNavigatorLanguage: typeof import('@vueuse/core')['useNavigatorLanguage']
207 |   const useNetwork: typeof import('@vueuse/core')['useNetwork']
208 |   const useNow: typeof import('@vueuse/core')['useNow']
209 |   const useObjectUrl: typeof import('@vueuse/core')['useObjectUrl']
210 |   const useOffsetPagination: typeof import('@vueuse/core')['useOffsetPagination']
211 |   const useOnline: typeof import('@vueuse/core')['useOnline']
212 |   const usePageLeave: typeof import('@vueuse/core')['usePageLeave']
213 |   const useParallax: typeof import('@vueuse/core')['useParallax']
214 |   const useParentElement: typeof import('@vueuse/core')['useParentElement']
215 |   const usePerformanceObserver: typeof import('@vueuse/core')['usePerformanceObserver']
216 |   const usePermission: typeof import('@vueuse/core')['usePermission']
217 |   const usePointer: typeof import('@vueuse/core')['usePointer']
218 |   const usePointerLock: typeof import('@vueuse/core')['usePointerLock']
219 |   const usePointerSwipe: typeof import('@vueuse/core')['usePointerSwipe']
220 |   const usePreferredColorScheme: typeof import('@vueuse/core')['usePreferredColorScheme']
221 |   const usePreferredContrast: typeof import('@vueuse/core')['usePreferredContrast']
222 |   const usePreferredDark: typeof import('@vueuse/core')['usePreferredDark']
223 |   const usePreferredLanguages: typeof import('@vueuse/core')['usePreferredLanguages']
224 |   const usePreferredReducedMotion: typeof import('@vueuse/core')['usePreferredReducedMotion']
225 |   const usePrevious: typeof import('@vueuse/core')['usePrevious']
226 |   const useRafFn: typeof import('@vueuse/core')['useRafFn']
227 |   const useRefHistory: typeof import('@vueuse/core')['useRefHistory']
228 |   const useResizeObserver: typeof import('@vueuse/core')['useResizeObserver']
229 |   const useRoute: typeof import('vue-router')['useRoute']
230 |   const useRouter: typeof import('vue-router')['useRouter']
231 |   const useScreenOrientation: typeof import('@vueuse/core')['useScreenOrientation']
232 |   const useScreenSafeArea: typeof import('@vueuse/core')['useScreenSafeArea']
233 |   const useScriptTag: typeof import('@vueuse/core')['useScriptTag']
234 |   const useScroll: typeof import('@vueuse/core')['useScroll']
235 |   const useScrollLock: typeof import('@vueuse/core')['useScrollLock']
236 |   const useSessionStorage: typeof import('@vueuse/core')['useSessionStorage']
237 |   const useShare: typeof import('@vueuse/core')['useShare']
238 |   const useSlots: typeof import('vue')['useSlots']
239 |   const useSorted: typeof import('@vueuse/core')['useSorted']
240 |   const useSpeechRecognition: typeof import('@vueuse/core')['useSpeechRecognition']
241 |   const useSpeechSynthesis: typeof import('@vueuse/core')['useSpeechSynthesis']
242 |   const useStepper: typeof import('@vueuse/core')['useStepper']
243 |   const useStorage: typeof import('@vueuse/core')['useStorage']
244 |   const useStorageAsync: typeof import('@vueuse/core')['useStorageAsync']
245 |   const useStyleTag: typeof import('@vueuse/core')['useStyleTag']
246 |   const useSupported: typeof import('@vueuse/core')['useSupported']
247 |   const useSwipe: typeof import('@vueuse/core')['useSwipe']
248 |   const useTemplateRefsList: typeof import('@vueuse/core')['useTemplateRefsList']
249 |   const useTextDirection: typeof import('@vueuse/core')['useTextDirection']
250 |   const useTextSelection: typeof import('@vueuse/core')['useTextSelection']
251 |   const useTextareaAutosize: typeof import('@vueuse/core')['useTextareaAutosize']
252 |   const useThrottle: typeof import('@vueuse/core')['useThrottle']
253 |   const useThrottleFn: typeof import('@vueuse/core')['useThrottleFn']
254 |   const useThrottledRefHistory: typeof import('@vueuse/core')['useThrottledRefHistory']
255 |   const useTimeAgo: typeof import('@vueuse/core')['useTimeAgo']
256 |   const useTimeout: typeof import('@vueuse/core')['useTimeout']
257 |   const useTimeoutFn: typeof import('@vueuse/core')['useTimeoutFn']
258 |   const useTimeoutPoll: typeof import('@vueuse/core')['useTimeoutPoll']
259 |   const useTimestamp: typeof import('@vueuse/core')['useTimestamp']
260 |   const useTitle: typeof import('@vueuse/core')['useTitle']
261 |   const useToNumber: typeof import('@vueuse/core')['useToNumber']
262 |   const useToString: typeof import('@vueuse/core')['useToString']
263 |   const useToggle: typeof import('@vueuse/core')['useToggle']
264 |   const useTransition: typeof import('@vueuse/core')['useTransition']
265 |   const useUrlSearchParams: typeof import('@vueuse/core')['useUrlSearchParams']
266 |   const useUserMedia: typeof import('@vueuse/core')['useUserMedia']
267 |   const useVModel: typeof import('@vueuse/core')['useVModel']
268 |   const useVModels: typeof import('@vueuse/core')['useVModels']
269 |   const useVibrate: typeof import('@vueuse/core')['useVibrate']
270 |   const useVirtualList: typeof import('@vueuse/core')['useVirtualList']
271 |   const useWakeLock: typeof import('@vueuse/core')['useWakeLock']
272 |   const useWebNotification: typeof import('@vueuse/core')['useWebNotification']
273 |   const useWebSocket: typeof import('@vueuse/core')['useWebSocket']
274 |   const useWebWorker: typeof import('@vueuse/core')['useWebWorker']
275 |   const useWebWorkerFn: typeof import('@vueuse/core')['useWebWorkerFn']
276 |   const useWindowFocus: typeof import('@vueuse/core')['useWindowFocus']
277 |   const useWindowScroll: typeof import('@vueuse/core')['useWindowScroll']
278 |   const useWindowSize: typeof import('@vueuse/core')['useWindowSize']
279 |   const watch: typeof import('vue')['watch']
280 |   const watchArray: typeof import('@vueuse/core')['watchArray']
281 |   const watchAtMost: typeof import('@vueuse/core')['watchAtMost']
282 |   const watchDebounced: typeof import('@vueuse/core')['watchDebounced']
283 |   const watchDeep: typeof import('@vueuse/core')['watchDeep']
284 |   const watchEffect: typeof import('vue')['watchEffect']
285 |   const watchIgnorable: typeof import('@vueuse/core')['watchIgnorable']
286 |   const watchImmediate: typeof import('@vueuse/core')['watchImmediate']
287 |   const watchOnce: typeof import('@vueuse/core')['watchOnce']
288 |   const watchPausable: typeof import('@vueuse/core')['watchPausable']
289 |   const watchPostEffect: typeof import('vue')['watchPostEffect']
290 |   const watchSyncEffect: typeof import('vue')['watchSyncEffect']
291 |   const watchThrottled: typeof import('@vueuse/core')['watchThrottled']
292 |   const watchTriggerable: typeof import('@vueuse/core')['watchTriggerable']
293 |   const watchWithFilter: typeof import('@vueuse/core')['watchWithFilter']
294 |   const whenever: typeof import('@vueuse/core')['whenever']
295 | }
296 | // for type re-export
297 | declare global {
298 |   // @ts-ignore
299 |   export type { Component, ComponentPublicInstance, ComputedRef, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, VNode, WritableComputedRef } from 'vue'
300 |   import('vue')
301 | }
302 | // for vue template auto import
303 | import { UnwrapRef } from 'vue'
304 | declare module 'vue' {
305 |   interface GlobalComponents {}
306 |   interface ComponentCustomProperties {
307 |     readonly $$: UnwrapRef<typeof import('vue/macros')['$$']>
308 |     readonly $: UnwrapRef<typeof import('vue/macros')['$']>
309 |     readonly $computed: UnwrapRef<typeof import('vue/macros')['$computed']>
310 |     readonly $customRef: UnwrapRef<typeof import('vue/macros')['$customRef']>
311 |     readonly $ref: UnwrapRef<typeof import('vue/macros')['$ref']>
312 |     readonly $shallowRef: UnwrapRef<typeof import('vue/macros')['$shallowRef']>
313 |     readonly $toRef: UnwrapRef<typeof import('vue/macros')['$toRef']>
314 |     readonly EffectScope: UnwrapRef<typeof import('vue')['EffectScope']>
315 |     readonly asyncComputed: UnwrapRef<typeof import('@vueuse/core')['asyncComputed']>
316 |     readonly autoResetRef: UnwrapRef<typeof import('@vueuse/core')['autoResetRef']>
317 |     readonly computed: UnwrapRef<typeof import('vue')['computed']>
318 |     readonly computedAsync: UnwrapRef<typeof import('@vueuse/core')['computedAsync']>
319 |     readonly computedEager: UnwrapRef<typeof import('@vueuse/core')['computedEager']>
320 |     readonly computedInject: UnwrapRef<typeof import('@vueuse/core')['computedInject']>
321 |     readonly computedWithControl: UnwrapRef<typeof import('@vueuse/core')['computedWithControl']>
322 |     readonly controlledComputed: UnwrapRef<typeof import('@vueuse/core')['controlledComputed']>
323 |     readonly controlledRef: UnwrapRef<typeof import('@vueuse/core')['controlledRef']>
324 |     readonly createApp: UnwrapRef<typeof import('vue')['createApp']>
325 |     readonly createEventHook: UnwrapRef<typeof import('@vueuse/core')['createEventHook']>
326 |     readonly createGlobalState: UnwrapRef<typeof import('@vueuse/core')['createGlobalState']>
327 |     readonly createInjectionState: UnwrapRef<typeof import('@vueuse/core')['createInjectionState']>
328 |     readonly createReactiveFn: UnwrapRef<typeof import('@vueuse/core')['createReactiveFn']>
329 |     readonly createReusableTemplate: UnwrapRef<typeof import('@vueuse/core')['createReusableTemplate']>
330 |     readonly createSharedComposable: UnwrapRef<typeof import('@vueuse/core')['createSharedComposable']>
331 |     readonly createTemplatePromise: UnwrapRef<typeof import('@vueuse/core')['createTemplatePromise']>
332 |     readonly createUnrefFn: UnwrapRef<typeof import('@vueuse/core')['createUnrefFn']>
333 |     readonly customRef: UnwrapRef<typeof import('vue')['customRef']>
334 |     readonly debouncedRef: UnwrapRef<typeof import('@vueuse/core')['debouncedRef']>
335 |     readonly debouncedWatch: UnwrapRef<typeof import('@vueuse/core')['debouncedWatch']>
336 |     readonly defineAsyncComponent: UnwrapRef<typeof import('vue')['defineAsyncComponent']>
337 |     readonly defineComponent: UnwrapRef<typeof import('vue')['defineComponent']>
338 |     readonly eagerComputed: UnwrapRef<typeof import('@vueuse/core')['eagerComputed']>
339 |     readonly effectScope: UnwrapRef<typeof import('vue')['effectScope']>
340 |     readonly extendRef: UnwrapRef<typeof import('@vueuse/core')['extendRef']>
341 |     readonly getCurrentInstance: UnwrapRef<typeof import('vue')['getCurrentInstance']>
342 |     readonly getCurrentScope: UnwrapRef<typeof import('vue')['getCurrentScope']>
343 |     readonly h: UnwrapRef<typeof import('vue')['h']>
344 |     readonly ignorableWatch: UnwrapRef<typeof import('@vueuse/core')['ignorableWatch']>
345 |     readonly inject: UnwrapRef<typeof import('vue')['inject']>
346 |     readonly injectLocal: UnwrapRef<typeof import('@vueuse/core')['injectLocal']>
347 |     readonly isDark: UnwrapRef<typeof import('./src/composables/dark')['isDark']>
348 |     readonly isDefined: UnwrapRef<typeof import('@vueuse/core')['isDefined']>
349 |     readonly isProxy: UnwrapRef<typeof import('vue')['isProxy']>
350 |     readonly isReactive: UnwrapRef<typeof import('vue')['isReactive']>
351 |     readonly isReadonly: UnwrapRef<typeof import('vue')['isReadonly']>
352 |     readonly isRef: UnwrapRef<typeof import('vue')['isRef']>
353 |     readonly makeDestructurable: UnwrapRef<typeof import('@vueuse/core')['makeDestructurable']>
354 |     readonly markRaw: UnwrapRef<typeof import('vue')['markRaw']>
355 |     readonly nextTick: UnwrapRef<typeof import('vue')['nextTick']>
356 |     readonly onActivated: UnwrapRef<typeof import('vue')['onActivated']>
357 |     readonly onBeforeMount: UnwrapRef<typeof import('vue')['onBeforeMount']>
358 |     readonly onBeforeRouteLeave: UnwrapRef<typeof import('vue-router')['onBeforeRouteLeave']>
359 |     readonly onBeforeRouteUpdate: UnwrapRef<typeof import('vue-router')['onBeforeRouteUpdate']>
360 |     readonly onBeforeUnmount: UnwrapRef<typeof import('vue')['onBeforeUnmount']>
361 |     readonly onBeforeUpdate: UnwrapRef<typeof import('vue')['onBeforeUpdate']>
362 |     readonly onClickOutside: UnwrapRef<typeof import('@vueuse/core')['onClickOutside']>
363 |     readonly onDeactivated: UnwrapRef<typeof import('vue')['onDeactivated']>
364 |     readonly onErrorCaptured: UnwrapRef<typeof import('vue')['onErrorCaptured']>
365 |     readonly onKeyStroke: UnwrapRef<typeof import('@vueuse/core')['onKeyStroke']>
366 |     readonly onLongPress: UnwrapRef<typeof import('@vueuse/core')['onLongPress']>
367 |     readonly onMounted: UnwrapRef<typeof import('vue')['onMounted']>
368 |     readonly onRenderTracked: UnwrapRef<typeof import('vue')['onRenderTracked']>
369 |     readonly onRenderTriggered: UnwrapRef<typeof import('vue')['onRenderTriggered']>
370 |     readonly onScopeDispose: UnwrapRef<typeof import('vue')['onScopeDispose']>
371 |     readonly onServerPrefetch: UnwrapRef<typeof import('vue')['onServerPrefetch']>
372 |     readonly onStartTyping: UnwrapRef<typeof import('@vueuse/core')['onStartTyping']>
373 |     readonly onUnmounted: UnwrapRef<typeof import('vue')['onUnmounted']>
374 |     readonly onUpdated: UnwrapRef<typeof import('vue')['onUpdated']>
375 |     readonly pausableWatch: UnwrapRef<typeof import('@vueuse/core')['pausableWatch']>
376 |     readonly provide: UnwrapRef<typeof import('vue')['provide']>
377 |     readonly provideLocal: UnwrapRef<typeof import('@vueuse/core')['provideLocal']>
378 |     readonly reactify: UnwrapRef<typeof import('@vueuse/core')['reactify']>
379 |     readonly reactifyObject: UnwrapRef<typeof import('@vueuse/core')['reactifyObject']>
380 |     readonly reactive: UnwrapRef<typeof import('vue')['reactive']>
381 |     readonly reactiveComputed: UnwrapRef<typeof import('@vueuse/core')['reactiveComputed']>
382 |     readonly reactiveOmit: UnwrapRef<typeof import('@vueuse/core')['reactiveOmit']>
383 |     readonly reactivePick: UnwrapRef<typeof import('@vueuse/core')['reactivePick']>
384 |     readonly readonly: UnwrapRef<typeof import('vue')['readonly']>
385 |     readonly ref: UnwrapRef<typeof import('vue')['ref']>
386 |     readonly refAutoReset: UnwrapRef<typeof import('@vueuse/core')['refAutoReset']>
387 |     readonly refDebounced: UnwrapRef<typeof import('@vueuse/core')['refDebounced']>
388 |     readonly refDefault: UnwrapRef<typeof import('@vueuse/core')['refDefault']>
389 |     readonly refThrottled: UnwrapRef<typeof import('@vueuse/core')['refThrottled']>
390 |     readonly refWithControl: UnwrapRef<typeof import('@vueuse/core')['refWithControl']>
391 |     readonly resolveComponent: UnwrapRef<typeof import('vue')['resolveComponent']>
392 |     readonly resolveRef: UnwrapRef<typeof import('@vueuse/core')['resolveRef']>
393 |     readonly resolveUnref: UnwrapRef<typeof import('@vueuse/core')['resolveUnref']>
394 |     readonly shallowReactive: UnwrapRef<typeof import('vue')['shallowReactive']>
395 |     readonly shallowReadonly: UnwrapRef<typeof import('vue')['shallowReadonly']>
396 |     readonly shallowRef: UnwrapRef<typeof import('vue')['shallowRef']>
397 |     readonly syncRef: UnwrapRef<typeof import('@vueuse/core')['syncRef']>
398 |     readonly syncRefs: UnwrapRef<typeof import('@vueuse/core')['syncRefs']>
399 |     readonly templateRef: UnwrapRef<typeof import('@vueuse/core')['templateRef']>
400 |     readonly throttledRef: UnwrapRef<typeof import('@vueuse/core')['throttledRef']>
401 |     readonly throttledWatch: UnwrapRef<typeof import('@vueuse/core')['throttledWatch']>
402 |     readonly toRaw: UnwrapRef<typeof import('vue')['toRaw']>
403 |     readonly toReactive: UnwrapRef<typeof import('@vueuse/core')['toReactive']>
404 |     readonly toRef: UnwrapRef<typeof import('vue')['toRef']>
405 |     readonly toRefs: UnwrapRef<typeof import('vue')['toRefs']>
406 |     readonly toValue: UnwrapRef<typeof import('vue')['toValue']>
407 |     readonly toggleDark: UnwrapRef<typeof import('./src/composables/dark')['toggleDark']>
408 |     readonly triggerRef: UnwrapRef<typeof import('vue')['triggerRef']>
409 |     readonly tryOnBeforeMount: UnwrapRef<typeof import('@vueuse/core')['tryOnBeforeMount']>
410 |     readonly tryOnBeforeUnmount: UnwrapRef<typeof import('@vueuse/core')['tryOnBeforeUnmount']>
411 |     readonly tryOnMounted: UnwrapRef<typeof import('@vueuse/core')['tryOnMounted']>
412 |     readonly tryOnScopeDispose: UnwrapRef<typeof import('@vueuse/core')['tryOnScopeDispose']>
413 |     readonly tryOnUnmounted: UnwrapRef<typeof import('@vueuse/core')['tryOnUnmounted']>
414 |     readonly unref: UnwrapRef<typeof import('vue')['unref']>
415 |     readonly unrefElement: UnwrapRef<typeof import('@vueuse/core')['unrefElement']>
416 |     readonly until: UnwrapRef<typeof import('@vueuse/core')['until']>
417 |     readonly useActiveElement: UnwrapRef<typeof import('@vueuse/core')['useActiveElement']>
418 |     readonly useAnimate: UnwrapRef<typeof import('@vueuse/core')['useAnimate']>
419 |     readonly useArrayDifference: UnwrapRef<typeof import('@vueuse/core')['useArrayDifference']>
420 |     readonly useArrayEvery: UnwrapRef<typeof import('@vueuse/core')['useArrayEvery']>
421 |     readonly useArrayFilter: UnwrapRef<typeof import('@vueuse/core')['useArrayFilter']>
422 |     readonly useArrayFind: UnwrapRef<typeof import('@vueuse/core')['useArrayFind']>
423 |     readonly useArrayFindIndex: UnwrapRef<typeof import('@vueuse/core')['useArrayFindIndex']>
424 |     readonly useArrayFindLast: UnwrapRef<typeof import('@vueuse/core')['useArrayFindLast']>
425 |     readonly useArrayIncludes: UnwrapRef<typeof import('@vueuse/core')['useArrayIncludes']>
426 |     readonly useArrayJoin: UnwrapRef<typeof import('@vueuse/core')['useArrayJoin']>
427 |     readonly useArrayMap: UnwrapRef<typeof import('@vueuse/core')['useArrayMap']>
428 |     readonly useArrayReduce: UnwrapRef<typeof import('@vueuse/core')['useArrayReduce']>
429 |     readonly useArraySome: UnwrapRef<typeof import('@vueuse/core')['useArraySome']>
430 |     readonly useArrayUnique: UnwrapRef<typeof import('@vueuse/core')['useArrayUnique']>
431 |     readonly useAsyncQueue: UnwrapRef<typeof import('@vueuse/core')['useAsyncQueue']>
432 |     readonly useAsyncState: UnwrapRef<typeof import('@vueuse/core')['useAsyncState']>
433 |     readonly useAttrs: UnwrapRef<typeof import('vue')['useAttrs']>
434 |     readonly useBase64: UnwrapRef<typeof import('@vueuse/core')['useBase64']>
435 |     readonly useBattery: UnwrapRef<typeof import('@vueuse/core')['useBattery']>
436 |     readonly useBluetooth: UnwrapRef<typeof import('@vueuse/core')['useBluetooth']>
437 |     readonly useBreakpoints: UnwrapRef<typeof import('@vueuse/core')['useBreakpoints']>
438 |     readonly useBroadcastChannel: UnwrapRef<typeof import('@vueuse/core')['useBroadcastChannel']>
439 |     readonly useBrowserLocation: UnwrapRef<typeof import('@vueuse/core')['useBrowserLocation']>
440 |     readonly useCached: UnwrapRef<typeof import('@vueuse/core')['useCached']>
441 |     readonly useClipboard: UnwrapRef<typeof import('@vueuse/core')['useClipboard']>
442 |     readonly useClipboardItems: UnwrapRef<typeof import('@vueuse/core')['useClipboardItems']>
443 |     readonly useCloned: UnwrapRef<typeof import('@vueuse/core')['useCloned']>
444 |     readonly useColorMode: UnwrapRef<typeof import('@vueuse/core')['useColorMode']>
445 |     readonly useConfirmDialog: UnwrapRef<typeof import('@vueuse/core')['useConfirmDialog']>
446 |     readonly useCounter: UnwrapRef<typeof import('@vueuse/core')['useCounter']>
447 |     readonly useCssModule: UnwrapRef<typeof import('vue')['useCssModule']>
448 |     readonly useCssVar: UnwrapRef<typeof import('@vueuse/core')['useCssVar']>
449 |     readonly useCssVars: UnwrapRef<typeof import('vue')['useCssVars']>
450 |     readonly useCurrentElement: UnwrapRef<typeof import('@vueuse/core')['useCurrentElement']>
451 |     readonly useCycleList: UnwrapRef<typeof import('@vueuse/core')['useCycleList']>
452 |     readonly useDark: UnwrapRef<typeof import('@vueuse/core')['useDark']>
453 |     readonly useDateFormat: UnwrapRef<typeof import('@vueuse/core')['useDateFormat']>
454 |     readonly useDebounce: UnwrapRef<typeof import('@vueuse/core')['useDebounce']>
455 |     readonly useDebounceFn: UnwrapRef<typeof import('@vueuse/core')['useDebounceFn']>
456 |     readonly useDebouncedRefHistory: UnwrapRef<typeof import('@vueuse/core')['useDebouncedRefHistory']>
457 |     readonly useDeviceMotion: UnwrapRef<typeof import('@vueuse/core')['useDeviceMotion']>
458 |     readonly useDeviceOrientation: UnwrapRef<typeof import('@vueuse/core')['useDeviceOrientation']>
459 |     readonly useDevicePixelRatio: UnwrapRef<typeof import('@vueuse/core')['useDevicePixelRatio']>
460 |     readonly useDevicesList: UnwrapRef<typeof import('@vueuse/core')['useDevicesList']>
461 |     readonly useDisplayMedia: UnwrapRef<typeof import('@vueuse/core')['useDisplayMedia']>
462 |     readonly useDocumentVisibility: UnwrapRef<typeof import('@vueuse/core')['useDocumentVisibility']>
463 |     readonly useDraggable: UnwrapRef<typeof import('@vueuse/core')['useDraggable']>
464 |     readonly useDropZone: UnwrapRef<typeof import('@vueuse/core')['useDropZone']>
465 |     readonly useElementBounding: UnwrapRef<typeof import('@vueuse/core')['useElementBounding']>
466 |     readonly useElementByPoint: UnwrapRef<typeof import('@vueuse/core')['useElementByPoint']>
467 |     readonly useElementHover: UnwrapRef<typeof import('@vueuse/core')['useElementHover']>
468 |     readonly useElementSize: UnwrapRef<typeof import('@vueuse/core')['useElementSize']>
469 |     readonly useElementVisibility: UnwrapRef<typeof import('@vueuse/core')['useElementVisibility']>
470 |     readonly useEventBus: UnwrapRef<typeof import('@vueuse/core')['useEventBus']>
471 |     readonly useEventListener: UnwrapRef<typeof import('@vueuse/core')['useEventListener']>
472 |     readonly useEventSource: UnwrapRef<typeof import('@vueuse/core')['useEventSource']>
473 |     readonly useEyeDropper: UnwrapRef<typeof import('@vueuse/core')['useEyeDropper']>
474 |     readonly useFavicon: UnwrapRef<typeof import('@vueuse/core')['useFavicon']>
475 |     readonly useFetch: UnwrapRef<typeof import('@vueuse/core')['useFetch']>
476 |     readonly useFileDialog: UnwrapRef<typeof import('@vueuse/core')['useFileDialog']>
477 |     readonly useFileSystemAccess: UnwrapRef<typeof import('@vueuse/core')['useFileSystemAccess']>
478 |     readonly useFocus: UnwrapRef<typeof import('@vueuse/core')['useFocus']>
479 |     readonly useFocusWithin: UnwrapRef<typeof import('@vueuse/core')['useFocusWithin']>
480 |     readonly useFps: UnwrapRef<typeof import('@vueuse/core')['useFps']>
481 |     readonly useFullscreen: UnwrapRef<typeof import('@vueuse/core')['useFullscreen']>
482 |     readonly useGamepad: UnwrapRef<typeof import('@vueuse/core')['useGamepad']>
483 |     readonly useGeolocation: UnwrapRef<typeof import('@vueuse/core')['useGeolocation']>
484 |     readonly useIdle: UnwrapRef<typeof import('@vueuse/core')['useIdle']>
485 |     readonly useImage: UnwrapRef<typeof import('@vueuse/core')['useImage']>
486 |     readonly useInfiniteScroll: UnwrapRef<typeof import('@vueuse/core')['useInfiniteScroll']>
487 |     readonly useIntersectionObserver: UnwrapRef<typeof import('@vueuse/core')['useIntersectionObserver']>
488 |     readonly useInterval: UnwrapRef<typeof import('@vueuse/core')['useInterval']>
489 |     readonly useIntervalFn: UnwrapRef<typeof import('@vueuse/core')['useIntervalFn']>
490 |     readonly useKeyModifier: UnwrapRef<typeof import('@vueuse/core')['useKeyModifier']>
491 |     readonly useLastChanged: UnwrapRef<typeof import('@vueuse/core')['useLastChanged']>
492 |     readonly useLink: UnwrapRef<typeof import('vue-router')['useLink']>
493 |     readonly useLocalStorage: UnwrapRef<typeof import('@vueuse/core')['useLocalStorage']>
494 |     readonly useMagicKeys: UnwrapRef<typeof import('@vueuse/core')['useMagicKeys']>
495 |     readonly useManualRefHistory: UnwrapRef<typeof import('@vueuse/core')['useManualRefHistory']>
496 |     readonly useMediaControls: UnwrapRef<typeof import('@vueuse/core')['useMediaControls']>
497 |     readonly useMediaQuery: UnwrapRef<typeof import('@vueuse/core')['useMediaQuery']>
498 |     readonly useMemoize: UnwrapRef<typeof import('@vueuse/core')['useMemoize']>
499 |     readonly useMemory: UnwrapRef<typeof import('@vueuse/core')['useMemory']>
500 |     readonly useMounted: UnwrapRef<typeof import('@vueuse/core')['useMounted']>
501 |     readonly useMouse: UnwrapRef<typeof import('@vueuse/core')['useMouse']>
502 |     readonly useMouseInElement: UnwrapRef<typeof import('@vueuse/core')['useMouseInElement']>
503 |     readonly useMousePressed: UnwrapRef<typeof import('@vueuse/core')['useMousePressed']>
504 |     readonly useMutationObserver: UnwrapRef<typeof import('@vueuse/core')['useMutationObserver']>
505 |     readonly useNavigatorLanguage: UnwrapRef<typeof import('@vueuse/core')['useNavigatorLanguage']>
506 |     readonly useNetwork: UnwrapRef<typeof import('@vueuse/core')['useNetwork']>
507 |     readonly useNow: UnwrapRef<typeof import('@vueuse/core')['useNow']>
508 |     readonly useObjectUrl: UnwrapRef<typeof import('@vueuse/core')['useObjectUrl']>
509 |     readonly useOffsetPagination: UnwrapRef<typeof import('@vueuse/core')['useOffsetPagination']>
510 |     readonly useOnline: UnwrapRef<typeof import('@vueuse/core')['useOnline']>
511 |     readonly usePageLeave: UnwrapRef<typeof import('@vueuse/core')['usePageLeave']>
512 |     readonly useParallax: UnwrapRef<typeof import('@vueuse/core')['useParallax']>
513 |     readonly useParentElement: UnwrapRef<typeof import('@vueuse/core')['useParentElement']>
514 |     readonly usePerformanceObserver: UnwrapRef<typeof import('@vueuse/core')['usePerformanceObserver']>
515 |     readonly usePermission: UnwrapRef<typeof import('@vueuse/core')['usePermission']>
516 |     readonly usePointer: UnwrapRef<typeof import('@vueuse/core')['usePointer']>
517 |     readonly usePointerLock: UnwrapRef<typeof import('@vueuse/core')['usePointerLock']>
518 |     readonly usePointerSwipe: UnwrapRef<typeof import('@vueuse/core')['usePointerSwipe']>
519 |     readonly usePreferredColorScheme: UnwrapRef<typeof import('@vueuse/core')['usePreferredColorScheme']>
520 |     readonly usePreferredContrast: UnwrapRef<typeof import('@vueuse/core')['usePreferredContrast']>
521 |     readonly usePreferredDark: UnwrapRef<typeof import('@vueuse/core')['usePreferredDark']>
522 |     readonly usePreferredLanguages: UnwrapRef<typeof import('@vueuse/core')['usePreferredLanguages']>
523 |     readonly usePreferredReducedMotion: UnwrapRef<typeof import('@vueuse/core')['usePreferredReducedMotion']>
524 |     readonly usePrevious: UnwrapRef<typeof import('@vueuse/core')['usePrevious']>
525 |     readonly useRafFn: UnwrapRef<typeof import('@vueuse/core')['useRafFn']>
526 |     readonly useRefHistory: UnwrapRef<typeof import('@vueuse/core')['useRefHistory']>
527 |     readonly useResizeObserver: UnwrapRef<typeof import('@vueuse/core')['useResizeObserver']>
528 |     readonly useRoute: UnwrapRef<typeof import('vue-router')['useRoute']>
529 |     readonly useRouter: UnwrapRef<typeof import('vue-router')['useRouter']>
530 |     readonly useScreenOrientation: UnwrapRef<typeof import('@vueuse/core')['useScreenOrientation']>
531 |     readonly useScreenSafeArea: UnwrapRef<typeof import('@vueuse/core')['useScreenSafeArea']>
532 |     readonly useScriptTag: UnwrapRef<typeof import('@vueuse/core')['useScriptTag']>
533 |     readonly useScroll: UnwrapRef<typeof import('@vueuse/core')['useScroll']>
534 |     readonly useScrollLock: UnwrapRef<typeof import('@vueuse/core')['useScrollLock']>
535 |     readonly useSessionStorage: UnwrapRef<typeof import('@vueuse/core')['useSessionStorage']>
536 |     readonly useShare: UnwrapRef<typeof import('@vueuse/core')['useShare']>
537 |     readonly useSlots: UnwrapRef<typeof import('vue')['useSlots']>
538 |     readonly useSorted: UnwrapRef<typeof import('@vueuse/core')['useSorted']>
539 |     readonly useSpeechRecognition: UnwrapRef<typeof import('@vueuse/core')['useSpeechRecognition']>
540 |     readonly useSpeechSynthesis: UnwrapRef<typeof import('@vueuse/core')['useSpeechSynthesis']>
541 |     readonly useStepper: UnwrapRef<typeof import('@vueuse/core')['useStepper']>
542 |     readonly useStorage: UnwrapRef<typeof import('@vueuse/core')['useStorage']>
543 |     readonly useStorageAsync: UnwrapRef<typeof import('@vueuse/core')['useStorageAsync']>
544 |     readonly useStyleTag: UnwrapRef<typeof import('@vueuse/core')['useStyleTag']>
545 |     readonly useSupported: UnwrapRef<typeof import('@vueuse/core')['useSupported']>
546 |     readonly useSwipe: UnwrapRef<typeof import('@vueuse/core')['useSwipe']>
547 |     readonly useTemplateRefsList: UnwrapRef<typeof import('@vueuse/core')['useTemplateRefsList']>
548 |     readonly useTextDirection: UnwrapRef<typeof import('@vueuse/core')['useTextDirection']>
549 |     readonly useTextSelection: UnwrapRef<typeof import('@vueuse/core')['useTextSelection']>
550 |     readonly useTextareaAutosize: UnwrapRef<typeof import('@vueuse/core')['useTextareaAutosize']>
551 |     readonly useThrottle: UnwrapRef<typeof import('@vueuse/core')['useThrottle']>
552 |     readonly useThrottleFn: UnwrapRef<typeof import('@vueuse/core')['useThrottleFn']>
553 |     readonly useThrottledRefHistory: UnwrapRef<typeof import('@vueuse/core')['useThrottledRefHistory']>
554 |     readonly useTimeAgo: UnwrapRef<typeof import('@vueuse/core')['useTimeAgo']>
555 |     readonly useTimeout: UnwrapRef<typeof import('@vueuse/core')['useTimeout']>
556 |     readonly useTimeoutFn: UnwrapRef<typeof import('@vueuse/core')['useTimeoutFn']>
557 |     readonly useTimeoutPoll: UnwrapRef<typeof import('@vueuse/core')['useTimeoutPoll']>
558 |     readonly useTimestamp: UnwrapRef<typeof import('@vueuse/core')['useTimestamp']>
559 |     readonly useTitle: UnwrapRef<typeof import('@vueuse/core')['useTitle']>
560 |     readonly useToNumber: UnwrapRef<typeof import('@vueuse/core')['useToNumber']>
561 |     readonly useToString: UnwrapRef<typeof import('@vueuse/core')['useToString']>
562 |     readonly useToggle: UnwrapRef<typeof import('@vueuse/core')['useToggle']>
563 |     readonly useTransition: UnwrapRef<typeof import('@vueuse/core')['useTransition']>
564 |     readonly useUrlSearchParams: UnwrapRef<typeof import('@vueuse/core')['useUrlSearchParams']>
565 |     readonly useUserMedia: UnwrapRef<typeof import('@vueuse/core')['useUserMedia']>
566 |     readonly useVModel: UnwrapRef<typeof import('@vueuse/core')['useVModel']>
567 |     readonly useVModels: UnwrapRef<typeof import('@vueuse/core')['useVModels']>
568 |     readonly useVibrate: UnwrapRef<typeof import('@vueuse/core')['useVibrate']>
569 |     readonly useVirtualList: UnwrapRef<typeof import('@vueuse/core')['useVirtualList']>
570 |     readonly useWakeLock: UnwrapRef<typeof import('@vueuse/core')['useWakeLock']>
571 |     readonly useWebNotification: UnwrapRef<typeof import('@vueuse/core')['useWebNotification']>
572 |     readonly useWebSocket: UnwrapRef<typeof import('@vueuse/core')['useWebSocket']>
573 |     readonly useWebWorker: UnwrapRef<typeof import('@vueuse/core')['useWebWorker']>
574 |     readonly useWebWorkerFn: UnwrapRef<typeof import('@vueuse/core')['useWebWorkerFn']>
575 |     readonly useWindowFocus: UnwrapRef<typeof import('@vueuse/core')['useWindowFocus']>
576 |     readonly useWindowScroll: UnwrapRef<typeof import('@vueuse/core')['useWindowScroll']>
577 |     readonly useWindowSize: UnwrapRef<typeof import('@vueuse/core')['useWindowSize']>
578 |     readonly watch: UnwrapRef<typeof import('vue')['watch']>
579 |     readonly watchArray: UnwrapRef<typeof import('@vueuse/core')['watchArray']>
580 |     readonly watchAtMost: UnwrapRef<typeof import('@vueuse/core')['watchAtMost']>
581 |     readonly watchDebounced: UnwrapRef<typeof import('@vueuse/core')['watchDebounced']>
582 |     readonly watchDeep: UnwrapRef<typeof import('@vueuse/core')['watchDeep']>
583 |     readonly watchEffect: UnwrapRef<typeof import('vue')['watchEffect']>
584 |     readonly watchIgnorable: UnwrapRef<typeof import('@vueuse/core')['watchIgnorable']>
585 |     readonly watchImmediate: UnwrapRef<typeof import('@vueuse/core')['watchImmediate']>
586 |     readonly watchOnce: UnwrapRef<typeof import('@vueuse/core')['watchOnce']>
587 |     readonly watchPausable: UnwrapRef<typeof import('@vueuse/core')['watchPausable']>
588 |     readonly watchPostEffect: UnwrapRef<typeof import('vue')['watchPostEffect']>
589 |     readonly watchSyncEffect: UnwrapRef<typeof import('vue')['watchSyncEffect']>
590 |     readonly watchThrottled: UnwrapRef<typeof import('@vueuse/core')['watchThrottled']>
591 |     readonly watchTriggerable: UnwrapRef<typeof import('@vueuse/core')['watchTriggerable']>
592 |     readonly watchWithFilter: UnwrapRef<typeof import('@vueuse/core')['watchWithFilter']>
593 |     readonly whenever: UnwrapRef<typeof import('@vueuse/core')['whenever']>
594 |   }
595 | }
596 | 


--------------------------------------------------------------------------------