fix: changing countries for the json file

Author: andrelmlins

package.json

@@ -16,6 +16,7 @@
   "devDependencies": {
     "@babel/core": "^7.11.4",
     "@babel/preset-env": "^7.11.0",
+    "@rollup/plugin-json": "^4.1.0",
     "@rollup/plugin-typescript": "^8.2.5",
     "@testing-library/jest-dom": "^5.11.4",
     "@testing-library/svelte": "^3.0.0",

rollup.config.js

@@ -6,6 +6,7 @@ import { terser } from "rollup-plugin-terser";
 import typescript from "@rollup/plugin-typescript";
 import autoPreprocess from "svelte-preprocess";
 import svelteDts from "svelte-dts";
+import json from "@rollup/plugin-json";
 import pkg from "./package.json";
 
 const production = !process.env.ROLLUP_WATCH;
@@ -20,6 +21,7 @@ export default [
       file: "public/build/bundle.js",
     },
     plugins: [
+      json(),
       svelte({
         dev: !production,
         css: (css) => css.write("bundle.css"),

src/dev/App.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import InfiniteScroll from "../lib/InfiniteScroll.svelte";
-  import allCountries from "./countries.js";
+  import allCountries from "./countries.json";
 
   let page = 0;
   let size = 20;