fix(?): vs conflict

Author: xdeq

components/Connection.vue

@@ -29,13 +29,13 @@ const account = ref()
 const { hostname } = useRequestURL()
 
 switch (hostname) {
-	case "localhost":
-	case "dev.celenium.io":
+	case "celenium.io":
 		appStore.network = mainnet
 		break
 
+	case "dev.celenium.io":
 	case "arabica.celenium.io":
-	case "celenium.io":
+	case "localhost":
 		appStore.network = arabica
 		break
 

components/TheHeader.vue

@@ -25,12 +25,6 @@ const showPopup = ref(false)
 
 const head = computed(() => appStore.lastHead)
 
-const featurePreviewMode = ref(false)
-
-onMounted(async () => {
-	featurePreviewMode.value = localStorage.featurePreview
-})
-
 watch(
 	() => showPopup.value,
 	() => {
@@ -162,7 +156,7 @@ const handleNavigate = (url) => {
 					</template>
 				</Tooltip>
 
-				<Connection v-if="featurePreviewMode" />
+				<Connection :class="$style.connection_btn" />
 			</Flex>
 		</Flex>
 
@@ -356,6 +350,10 @@ const handleNavigate = (url) => {
 	.container {
 		margin: 0 12px;
 	}
+
+	.connection_btn {
+		display: none;
+	}
 }
 
 @media (max-width: 400px) {

package.json

@@ -14,8 +14,8 @@
 	"devDependencies": {
 		"@nuxt/devtools": "latest",
 		"cross-env": "^7.0.3",
-		"nuxt": "3.9.1",
-		"nuxt-og-image": "2.0.28",
+		"nuxt": "3.11.2",
+		"nuxt-og-image": "3.0.0-rc.52",
 		"nuxt-simple-sitemap": "^4.2.0",
 		"sass": "1.66.1",
 		"sass-loader": "13.3.2",