diff --git a/packages/client/src/main.ts b/packages/client/src/main.ts index 663b22e8f..ccb8cdc9e 100644 --- a/packages/client/src/main.ts +++ b/packages/client/src/main.ts @@ -12,7 +12,6 @@ import Components from '~/pages/components.vue' import CustomInspectorTabView from '~/pages/custom-inspector-tab-view.vue' import CustomTabView from '~/pages/custom-tab-view.vue' import Graph from '~/pages/graph.vue' -import Index from '~/pages/index.vue' import Overview from '~/pages/overview.vue' import Pages from '~/pages/pages.vue' import PiniaPage from '~/pages/pinia.vue' @@ -27,7 +26,7 @@ import '@vue/devtools-ui/style.css' import '~/assets/styles/main.css' const routes = [ - { path: '/', component: Index }, + { path: '/', redirect: '/overview' }, { path: '/overview', component: Overview }, { path: '/components', component: Components }, { path: '/pinia', component: PiniaPage }, diff --git a/packages/client/src/pages/index.vue b/packages/client/src/pages/index.vue deleted file mode 100644 index a6e0f9437..000000000 --- a/packages/client/src/pages/index.vue +++ /dev/null @@ -1,54 +0,0 @@ -<script setup lang="ts"> -import { VueButton } from '@vue/devtools-ui' - -const hostEnv = useHostEnv() -const router = useRouter() -const clientState = devtoolsClientState - -function visit() { - clientState.value.isFirstVisit = false - router.replace('/overview') -} -</script> - -<template> - <div v-if="hostEnv === 'chrome'" flex="~ col gap3" relative h-screen w-full items-center justify-center text-center> - <p my2 text-3em text-primary-600 font-bold font-stylish> - 👋 Welcome to the new Vue Devtools v7! - </p> - <p max-w-190 text-lg> - This new version supports only Vue 3. <span op50> - (Learn more at - <a href="https://devtools.vuejs.org/" target="_blank" rel="noopener noreferrer" n="primary"> - devtools.vuejs.org - </a>) - </span> - <br> - The legacy version that supports both Vue 2 and Vue 3 has been moved to <a href="https://chromewebstore.google.com/detail/vuejs-devtools/iaajmlceplecbljialhhkmedjlpdblhp" target="_blank" class="op50">here</a>. - </p> - - <VueButton type="primary" @click="visit"> - <span>Get Started</span> - </VueButton> - </div> - <!-- --> - <div v-else flex="~ col gap3" relative h-screen w-full items-center justify-center text-center> - <p my2 text-3em text-primary-600 font-bold font-stylish> - 👋 Hi there, welcome to Vue DevTools! - </p> - <p max-w-190 text-lg> - <DevToolsLogo mr-0.5 inline-block h-8 translate-y--1.1 align-mid /> is a set of visual tools that help you to know your Vue app better, and enhance your - development experience with Vue. Enjoy!<br> - </p> - <p mb6 op50> - Learn more at - <a href="https://devtools.vuejs.org/" target="_blank" rel="noopener noreferrer" n="primary"> - devtools.vuejs.org - </a> - </p> - - <VueButton type="primary" @click="visit"> - <span>Get Started</span> - </VueButton> - </div> -</template>