vite-garden/src/main.ts

Vite Garden -- a part of the threed.ai family of JavaScript-friendly food-growing libraries

// from vue-dapp
export * from './constants'
export * from './composables'
export * from './wallets'
export * from './utils'
export * from './plugin'

// mm normal begin main
import { createApp } from 'vue'
import { createRouter, createWebHashHistory } from 'vue-router'
import generatedRoutes from 'virtual:generated-pages'
import { setupLayouts } from 'virtual:generated-layouts'
import App from './components/App.vue'

// windicss layers
import 'virtual:windi-base.css'
import 'virtual:windi-components.css'
// your custom styles here
import './styles/main.css'
// windicss utilities should be the last style import
import 'virtual:windi-utilities.css'
// windicss devtools support (dev only)
import 'virtual:windi-devtools'

// Ethereum: Vue Dapp
import { VueDapp } from 'vue-dapp'

const app = createApp(App)

// setup up pages with layouts as routes
const routes = setupLayouts(generatedRoutes)
// router
const router = createRouter({ history: createWebHashHistory(), routes }) // not using createWebHistory()
app.use(router)

// install all modules under `modules/`
Object.values(import.meta.globEager('./modules/*.ts')).map(i => i.install?.({ app, router, routes }))

// add window

// app.config.globalProperties.window = window

// https://github.com/blocknative/web3-onboard/issues/945
// these two lines are required for Walletconnect...
(window as any)['global'] = window
global.Buffer = global.Buffer || require('buffer').Buffer
// below is required for coinbase
global.process = require('process')

// vue dapp

// window.global = window
// let global = globalThis
// console.log("global", global)
console.log("globalThis", globalThis)

// import process from 'process'
// window.process = process

// import buffer from 'buffer'
// window.Buffer = buffer.Buffer

// import util from 'util'
// window.util = util

/** 
 * WALLETLINK 
 */

// // Initializing WalletLink and a WalletLink-powered Web3 object

// // TypeScript
// import WalletLink from 'walletlink'
// import Web3 from 'web3'

// const APP_NAME = 'ThreeDGarden'
// const APP_LOGO_URL = 'https://example.com/logo.png'
// const INFURA_API_KEY = '432d743bb1d944268c6e3725f243a7e0'
// const ETH_JSONRPC_URL = 'https://mainnet.infura.io/v3/' + INFURA_API_KEY
// const CHAIN_ID = 1

// // Initialize WalletLink
// export const walletLink = new WalletLink({
//   appName: APP_NAME,
//   appLogoUrl: APP_LOGO_URL,
//   darkMode: true
// })

// // Initialize a Web3 Provider object
// export const ethereum = walletLink.makeWeb3Provider(ETH_JSONRPC_URL, CHAIN_ID)

// // Initialize a Web3 object
// export const web3 = new Web3(ethereum as any)

/** 
 * VUE dAPP 
 */

// Ethereum: Vue Dapp
app.use(VueDapp, {
  infuraId: '432d743bb1d944268c6e3725f243a7e0', // optional: for enabling WalletConnect and/or WalletLink
  appName: 'ThreeDGarden', // optional: for enabling WalletLink
  // appUrl: '...', // optional: for enabling MetaMask deep link for mobile devices
})

console.log("vue dapp (app.use)", app)

// OH, HELLO
app.mount('#app')

console.log("vue app (mounted)", app)