fix: direct list of nodejs timezones + chore deps

.vitepress/config.mts

@@ -1,55 +1,58 @@
-import { defineConfig } from 'vitepress'
+import { defineConfig } from "vitepress";
 
 // https://vitepress.dev/reference/site-config
 export default defineConfig({
   title: "NixiN",
   description: "A webUI to configure NixOS machines",
-  base: '/',
+  base: "/",
   head: [
-    ['link', { rel: 'shortcut icon', href: 'logo-nixin.svg', type: 'image/svg' }]
+    [
+      "link",
+      { rel: "shortcut icon", href: "logo-nixin.svg", type: "image/svg" },
+    ],
   ],
   lastUpdated: true,
   themeConfig: {
     // https://vitepress.dev/reference/default-theme-config
     footer: {
-      message: 'Handcrafted with ❤️ by the DistriLab',
-      copyright: 'Copyleft © 2024-present the DistriLab - AGPL3 licence'
+      message: "Handcrafted with ❤️ by the DistriLab",
+      copyright: "Copyleft © 2024-present the DistriLab - AGPL3 licence",
     },
-    logo: '/logo-nixin.svg',
+    logo: "/logo-nixin.svg",
     nav: [
-      { text: 'Home', link: '/' },
-      { text: 'Documentation', link: '/about' },
-      { text: 'Generate my configuration', link: 'configure' },
+      { text: "Home", link: "/" },
+      { text: "Documentation", link: "/about" },
+      { text: "Generate my configuration", link: "configure" },
     ],
     search: {
-      provider: 'local'
+      provider: "local",
     },
     sidebar: [
       {
-        text: 'The NixiN Project',
+        text: "The NixiN Project",
         items: [
-          { text: 'About', link: '/about' },
-          { text: 'Technical principles', link: '/technical-principles' },
-          { text: 'Roadmap', link: '/roadmap' },
-        ]
+          { text: "About", link: "/about" },
+          { text: "Technical principles", link: "/technical-principles" },
+          { text: "Roadmap", link: "/roadmap" },
+        ],
       },
       {
-        text: 'Getting started',
+        text: "Getting started",
         items: [
-          { text: 'Local installation', link: '/installation' },
-          { text: 'Build virtual machine', link: '/build-virtual-machine' },
-        ]
-      }
+          { text: "Local installation", link: "/installation" },
+          { text: "Build virtual machine", link: "/build-virtual-machine" },
+        ],
+      },
     ],
 
     socialLinks: [
-      { icon: 'github', link: 'https://git.distrilab.fr/NixiN' }
+      { icon: "github", link: "https://git.distrilab.fr/NixiN" },
       //{ icon: 'mastodon', link: 'https://mastodon.cc/@mrflos' }
-    ]
+    ],
   },
 
   ignoreDeadLinks: [
     // ignore all localhost links
     /^https?:\/\/localhost/,
-   ]
-})
+  ],
+});

components/ConfigForm.vue

@@ -2,13 +2,12 @@
 import NixCode from "./NixCode.vue"
 import NixForm from "./NixForm.vue"
 import { provide, ref } from 'vue'
-import { listTz, clientTz } from 'timezone-select-js';
 
 const availableLanguages = {
   'en_US.UTF-8': 'English',
   'fr_FR.UTF-8': 'Francais'
 }
-const availableTimezones = listTz() 
+const availableTimezones = Intl.supportedValuesOf('timeZone') 
 let nixin = {
   netconf: 'autoconfig',
   networkingHostname: '',
@@ -72,7 +71,7 @@ let nixin = {
     }],
   bundles: [],
   services: [],
-  timezone: 'Europe/Belfast', // default to UTC but could be found with clientTz(),
+  timezone: 'UTC',
   locale: 'en_US.UTF-8',
   operatingUser: 'operator',
   operatingUserPassword: 'CHANGE ME !!!',
@@ -196,7 +195,7 @@ function selectServices(bundleId, services) {
     <div class="form-cell">
      <label>Timezone</label>
      <select v-model="nixin.timezone">
-       <option v-for="tz in availableTimezones" :selected="nixin.timezone === tz.value" v-bind:value="tz.value">{{ tz.label }}</option>
+       <option v-for="tz in availableTimezones" :selected="nixin.timezone === tz" v-bind:value="tz">{{ tz }}</option>
      </select>
     </div>
   </div>

package.json

@@ -13,8 +13,5 @@
   },
   "devDependencies": {
     "vitepress": "^1.3.3"
-  },
-  "dependencies": {
-    "timezone-select-js": "^2.0.1"
   }
 }