Change npm package 'flag-icon-css' to 'flag-icons'

data/toha/styles.yml

@@ -1,6 +1,6 @@
 flags:
   styles:
-    - flag-icon-css/css/flag-icons
+    - flag-icons/css/flag-icons
 
 videoplayer:
   services:

exampleSite/hugo.yaml

@@ -22,7 +22,7 @@ module:
   mounts:
   - source: static/files
     target: static/files
-  - source: ./node_modules/flag-icon-css/flags
+  - source: ./node_modules/flag-icons/flags
     target: static/flags
   - source: ./node_modules/@fontsource/mulish/files
     target: static/files

exampleSite/package.json

@@ -15,7 +15,7 @@
       "eslint-plugin-promise": "github.com/hugo-toha/toha/v4",
       "feather-icons": "github.com/hugo-toha/toha/v4",
       "filterizr": "github.com/hugo-toha/toha/v4",
-      "flag-icon-css": "github.com/hugo-toha/toha/v4",
+      "flag-icons": "github.com/hugo-toha/toha/v4",
       "fuse.js": "github.com/hugo-toha/toha/v4",
       "highlight.js": "github.com/hugo-toha/toha/v4",
       "imagesloaded": "github.com/hugo-toha/toha/v4",
@@ -45,7 +45,7 @@
     "eslint-plugin-promise": "^6.1.1",
     "feather-icons": "^4.29.1",
     "filterizr": "^2.2.4",
-    "flag-icon-css": "^4.1.7",
+    "flag-icons": "^7.2.3",
     "fuse.js": "^6.6.2",
     "highlight.js": "^11.6.0",
     "imagesloaded": "^5.0.0",

hugo.yaml

@@ -17,7 +17,7 @@ module:
     target: i18n
   - source: archetypes
     target: archetypes
-  - source: ../../node_modules/flag-icon-css/flags
+  - source: ../../node_modules/flag-icons/flags
     target: static/flags
   - source: ../../node_modules/@fontsource/mulish/files
     target: static/files

layouts/partials/navigators/lang-selector.html

@@ -6,7 +6,7 @@
     <a class="nav-link dropdown-toggle" href="#" id="languageSelector" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
         {{ if ne site.Params.features.flags.enable false }}
             {{ $countryCode := partial "helpers/country-code.html" . }}
-            <span class="flag-icon flag-icon-{{$countryCode}}"></span>
+            <span class="fi fi-{{$countryCode}}"></span>
         {{ end }}
         {{ site.Language.LanguageName }}
     </a>
@@ -15,7 +15,7 @@
         <a class="dropdown-item nav-link languages-item" href="{{ path.Join "/" (cond (eq .Language.Lang $.Sites.Default.Language.Lang) "" .Language.Lang) $pageURL }}">
             {{ if ne site.Params.features.flags.enable false }}
                 {{ $countryCode := partial "helpers/country-code.html" . }}
-                <span class="flag-icon flag-icon-{{$countryCode}}"></span>
+                <span class="fi fi-{{$countryCode}}"></span>
             {{ end }}
             {{ .Language.LanguageName }}
         </a>