From 0b1820a86b286aaa5b519766f3d4f575bdffa81c Mon Sep 17 00:00:00 2001
From: kogeletey <kg@re128.org>
Date: Sat, 13 Sep 2025 10:27:10 +0300
Subject: [PATCH] fix: remove stackblits and setup zed

---
 .nvmrc                              |  1 -
 .stackblitz/codeflow.json           |  7 ---
 .stackblitzrc                       |  4 --
 .zed/settings.json                  |  7 +++
 app/components/main/MainContent.vue | 66 ++++++++++++++++++++++++-----
 mise.toml                           |  2 +
 6 files changed, 65 insertions(+), 22 deletions(-)
 delete mode 100644 .nvmrc
 delete mode 100644 .stackblitz/codeflow.json
 delete mode 100644 .stackblitzrc
 create mode 100644 .zed/settings.json
 create mode 100644 mise.toml

diff --git a/.nvmrc b/.nvmrc
deleted file mode 100644
index 8fdd954d..00000000
--- a/.nvmrc
+++ /dev/null
@@ -1 +0,0 @@
-22
\ No newline at end of file
diff --git a/.stackblitz/codeflow.json b/.stackblitz/codeflow.json
deleted file mode 100644
index 21acb9d4..00000000
--- a/.stackblitz/codeflow.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "bot": {
-    "issues": {
-      "trigger": "all-issues"
-    }
-  }
-}
diff --git a/.stackblitzrc b/.stackblitzrc
deleted file mode 100644
index fdb11220..00000000
--- a/.stackblitzrc
+++ /dev/null
@@ -1,4 +0,0 @@
-{
-  "installDependencies": true,
-  "startCommand": "npm run dev:mocked"
-}
diff --git a/.zed/settings.json b/.zed/settings.json
new file mode 100644
index 00000000..f894bd28
--- /dev/null
+++ b/.zed/settings.json
@@ -0,0 +1,7 @@
+{
+  "formatter": {
+    "code_actions": {
+      "source.fixAll.eslint": true
+    }
+  }
+}
diff --git a/app/components/main/MainContent.vue b/app/components/main/MainContent.vue
index 8f45d773..47beb6c6 100644
--- a/app/components/main/MainContent.vue
+++ b/app/components/main/MainContent.vue
@@ -17,8 +17,13 @@ const wideLayout = computed(() => route.meta.wideLayout ?? false)
 const sticky = computed(() => route.path?.startsWith('/settings/'))
 const containerClass = computed(() => {
   // we keep original behavior when not in settings page and when the window height is smaller than the container height
-  if (!isHydrated.value || !sticky.value || (windowHeight.value < containerHeight.value))
+  if (
+    !isHydrated.value
+    || !sticky.value
+    || windowHeight.value < containerHeight.value
+  ) {
     return null
+  }
 
   return 'lg:sticky lg:top-0'
 })
@@ -27,24 +32,54 @@ const containerClass = computed(() => {
 <template>
   <div ref="container" :class="containerClass">
     <div
-      sticky top-0 z-20
+      sticky
+      top-0
+      z-20
       pt="[env(safe-area-inset-top,0)]"
       bg="[rgba(var(--rgb-bg-base),0.7)]"
       :class="{
-        'backdrop-blur': !getPreferences(userSettings, 'optimizeForLowPerformanceDevice'),
+        'backdrop-blur': !getPreferences(
+          userSettings,
+          'optimizeForLowPerformanceDevice',
+        ),
       }"
     >
-      <div flex justify-between gap-2 min-h-53px px5 py1 :class="{ 'xl:hidden': $route.name !== 'tag' }" border="b base">
-        <div flex gap-2 items-center :overflow-hidden="!noOverflowHidden ? '' : false" w-full>
+      <div
+        flex
+        justify-between
+        gap-2
+        min-h-53px
+        px5
+        py1
+        :class="{ 'xl:hidden': $route.name !== 'tag' }"
+        border="b base"
+      >
+        <div
+          flex
+          gap-2
+          items-center
+          :overflow-hidden="!noOverflowHidden ? '' : false"
+          w-full
+        >
           <button
             v-if="backOnSmallScreen || back"
-            btn-text flex items-center ms="-3" p-3 xl:hidden
+            btn-text
+            flex
+            items-center
+            ms="-3"
+            p-3
+            xl:hidden
             :aria-label="$t('nav.back')"
             @click="$router.go(-1)"
           >
             <div text-lg i-ri:arrow-left-line class="rtl-flip" />
           </button>
-          <div :truncate="!noOverflowHidden ? '' : false" flex w-full class="native-mac:justify-start native-mac:text-center">
+          <div
+            :truncate="!noOverflowHidden ? '' : false"
+            flex
+            w-full
+            class="native-mac:justify-start native-mac:text-center"
+          >
             <slot name="title" />
           </div>
           <div sm:hidden h-7 w-1px />
@@ -60,9 +95,20 @@ const containerClass = computed(() => {
         <div hidden />
       </slot>
     </div>
-    <PwaInstallPrompt xl:hidden />
-    <div :class="isHydrated && wideLayout ? 'xl:w-full sm:max-w-600px' : 'sm:max-w-600px md:shrink-0'" m-auto>
-      <div hidden :class="{ 'xl:block': $route.name !== 'tag' && !$slots.header }" h-6 />
+    <!-- <PwaInstallPrompt xl:hidden /> -->
+    <div
+      :class="
+        isHydrated && wideLayout
+          ? 'xl:w-full sm:max-w-600px'
+          : 'sm:max-w-600px md:shrink-0'
+      "
+      m-auto
+    >
+      <div
+        hidden
+        :class="{ 'xl:block': $route.name !== 'tag' && !$slots.header }"
+        h-6
+      />
       <slot />
     </div>
   </div>
diff --git a/mise.toml b/mise.toml
new file mode 100644
index 00000000..80b68030
--- /dev/null
+++ b/mise.toml
@@ -0,0 +1,2 @@
+[tools]
+node = "22.11"