update cycleview, pageview + profileview

src/main.js

@@ -1,9 +1,31 @@
 import './assets/sass/main.sass'
+import { useWalletStoreV2 } from "@/stores/walletV2";
 
 import { createApp } from 'vue'
 import { createPinia } from 'pinia'
 import piniaPluginPersistedstate from "pinia-plugin-persistedstate";
 
+import {
+	createConfig,
+	configureChains,
+	getAccount,
+	getContract,
+	connect,
+	disconnect,
+	InjectedConnector,
+	watchAccount,
+	getWalletClient,
+	fetchBalance,
+	multicall,
+} from "@wagmi/core";
+import { WalletConnectConnector } from "@wagmi/core/connectors/walletConnect";
+import { MetaMaskConnector } from "@wagmi/core/connectors/metaMask";
+import { CoinbaseWalletConnector } from "@wagmi/core/connectors/coinbaseWallet";
+
+import { goerli, mainnet } from "@wagmi/core/chains";
+import { publicProvider } from "@wagmi/core/providers/public";
+import { alchemyProvider } from "@wagmi/core/providers/alchemy";
+
 import App from './App.vue'
 import router from './router'
 
@@ -14,14 +36,14 @@ import { library } from '@fortawesome/fontawesome-svg-core'
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
 
 /* import specific icons */
-import { faArrowDown, faArrowRight, faSpinner, faPlus, faCaretLeft, faCaretRight, faBars, faAnglesRight, faChevronDown, faChevronUp, faArrowRightToBracket, faArrowRightFromBracket } from "@fortawesome/free-solid-svg-icons";
+import { faArrowDown, faArrowRight, faSpinner, faPlus, faCaretLeft, faCaretRight, faBars, faAnglesRight, faChevronDown, faChevronUp, faArrowRightToBracket, faArrowRightFromBracket, faDroplet, faMoon, faPerson } from "@fortawesome/free-solid-svg-icons";
 
 import { faDiscord, faTwitter, faTelegram } from "@fortawesome/free-brands-svg-icons";
 
 /* add icons to the library */
 library.add(
-    faArrowDown,
-    faArrowRight,
+	faArrowDown,
+	faArrowRight,
 	faDiscord,
 	faTwitter,
 	faTelegram,
@@ -31,19 +53,65 @@ library.add(
 	faCaretRight,
 	faBars,
 	faAnglesRight,
-    faArrowRightToBracket,
-    faArrowRightFromBracket,
+	faArrowRightToBracket,
+	faArrowRightFromBracket,
 	faChevronDown,
-	faChevronUp
+	faChevronUp,
+    faDroplet,
+    faMoon,
+    faPerson
 );
 
 const app = createApp(App)
 
+
 const pinia = createPinia();
 pinia.use(piniaPluginPersistedstate);
 
 app.use(pinia);
 
+
+
+const walletStore = useWalletStoreV2();
+
+const goerliKey = import.meta.env.VITE_GOERLI_KEY;
+const projectId = "d8e5ecb0353c02e21d4c0867d4473ac5";
+console.log("hier chains");
+const { chains, publicClient, webSocketPublicClient } = configureChains(
+	[goerli, mainnet],
+	[alchemyProvider({ apiKey: goerliKey }), publicProvider()]
+);
+
+walletStore.config = createConfig({
+	autoConnect: true,
+	connectors: [
+		new CoinbaseWalletConnector({
+			chains,
+			options: {
+				appName: "wagmi demo",
+			},
+		}),
+		new MetaMaskConnector({ chains }),
+		new WalletConnectConnector({
+			chains,
+			options: {
+				projectId: projectId,
+				showQrModal: true,
+				metadata: {
+					name: "Bloodline-App",
+					description: "TODO Bloodline Description",
+					url: "https://gitea.loseyourip.com/",
+					icons: ["https://gitea.loseyourip.com/assets/img/vampir.png"],
+				},
+			},
+		}),
+	],
+	publicClient,
+	webSocketPublicClient,
+});
+walletStore.publicClient = publicClient;
+
 app.use(router)
 app.component('font-awesome-icon', FontAwesomeIcon)
 app.mount('#app')
+