fix: HelloWorld and add required package

Author: ErwanDecoster

.env.example

@@ -0,0 +1 @@
+VITE_REOWN_PROJECT_ID=

.vitepress/theme/index.ts

@@ -1,18 +1,27 @@
 // https://vitepress.dev/guide/custom-theme
 import type { Theme } from 'vitepress';
 import DefaultTheme from 'vitepress/theme';
-import './style.css';
 import TwoslashFloatingVue from '@shikijs/vitepress-twoslash/client';
 import Layout from './Layout.vue';
 import type { EnhanceAppContext } from 'vitepress';
 import googleAnalytics from 'vitepress-plugin-google-analytics';
+import { QueryClient, VueQueryPlugin } from '@tanstack/vue-query';
+import { WagmiPlugin } from '@wagmi/vue';
+import { wagmiAdapter } from '../../src/utils/wagmiConfig';
+import './style.css';
 
 export default {
   extends: DefaultTheme,
   Layout,
   enhanceApp({ app }: EnhanceAppContext) {
     app.use(TwoslashFloatingVue as any);
 
+    const queryClient = new QueryClient();
+
+    app.use(VueQueryPlugin, { queryClient });
+
+    app.use(WagmiPlugin, { config: wagmiAdapter.wagmiConfig });
+
     googleAnalytics({
       id: 'GTM-P7KSD4T',
     });

.vitepress/theme/style.css

@@ -136,3 +136,15 @@ html {
 .aside .aside-container {
   @apply overflow-visible;
 }
+
+html.dark .light-only {
+  display: none !important;
+}
+
+html:not(.dark) .dark-only {
+  display: none !important;
+}
+
+input {
+  @apply w-full rounded-md border border-[var(--vp-c-divider)] bg-[var(--vp-c-bg-soft)] px-4 py-3 text-base text-[var(--vp-c-text-1)] transition focus:border-[var(--vp-c-brand-2)] focus:outline-none disabled:cursor-not-allowed disabled:opacity-70;
+}