fix: add icon

README.md

@@ -41,7 +41,7 @@ export default defineNuxtConfig({
 
 | Name | Type | Default | Description |
 | ---- | ------ | ---------------- | ----------------------------------- |
-| base | string | "/api/countries" | Base path to be user on nuxt server |
+| base | string | "/api/countries" | Base path to be used on nuxt server |
 
 ## Development
 

package.json

@@ -38,6 +38,7 @@
  },
  "main": "./dist/module.cjs",
  "types": "./dist/types.d.ts",
+ "packageManager": "[email protected]",
  "engines": {
  "node": ">=18",
  "yarn": ">=1.22.4"
@@ -66,7 +67,6 @@
  "@nuxt/test-utils": "^3.8.1",
  "@open-xamu-co/eslint-config": "^3.0.0",
  "@open-xamu-co/ui-nuxt": "^3.0.0-next.2",
- "@open-xamu-co/ui-styles": "^3.0.0-next.4",
  "@semantic-release/changelog": "^5.0.1",
  "@semantic-release/git": "^9.0.0",
  "@types/lodash": "^4.14.196",

playground/app.vue

@@ -7,6 +7,10 @@
 </template>
 
 <style>
+ body {
+ overflow: visible;
+ height: auto;
+ }
  #appex {
  min-height: 100%;
  display: flex;
@@ -18,4 +22,7 @@
  .view {
  width: 100%;
  }
+ .avatar {
+ border-radius: 0;
+ }
 </style>

playground/nuxt.config.ts

@@ -26,6 +26,7 @@ export default defineNuxtConfig({
  { name: "robots", content: "index, follow" },
  ],
  link: [
+ { rel: "icon", type: "image/png", href: "/favicon.png" },
  {
  rel: "preconnect",
  href: "https://fonts.googleapis.com/",
@@ -35,6 +36,7 @@ export default defineNuxtConfig({
  { rel: "preconnect", href: "https://unpkg.com/", crossorigin: "anonymous" },
  { rel: "dns-prefetch", href: "https://unpkg.com/" },
  ...[
+ "https://unpkg.com/@open-xamu-co/ui-styles@^3.0.0-next.4/dist/index.min.css",
  "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,500;0,700;0,900;1,300;1,500;1,700;1,900&display=swap",
  "https://unpkg.com/@fortawesome/fontawesome-free@^6/css/all.min.css",
  "https://unpkg.com/sweetalert2@^11/dist/sweetalert2.min.css",
@@ -49,7 +51,6 @@ export default defineNuxtConfig({
  scrollBehaviorType: "smooth",
  },
  },
- css: ["@open-xamu-co/ui-styles/dist/index.min.css"],
  modules: ["../src/module", "@open-xamu-co/ui-nuxt"],
  countries: { base: "/api/v1" },
  xamu: {

playground/package.json

@@ -7,9 +7,6 @@
  "build": "nuxi build",
  "generate": "nuxi generate"
  },
- "dependencies": {
- "@open-xamu-co/ui-styles": "*"
- },
  "devDependencies": {
  "nuxt": "latest"
  }

playground/pages/index.vue

@@ -2,7 +2,10 @@
  <div class="view">
  <div class="view-item --pY-60">
  <div class="holder flx --flxColumn --flx-center-start --gap-30">
- <h1 class="--txtColor">Countries API</h1>
+ <h1 class="flx --flxRow --flx-start-center">
+ <img class="avatar --size-sm --bgColor-none" src="/countries-api.png" />
+ <span class="--txtColor">Countries API</span>
+ </h1>
  <div class="txt --gaping-5">
  <p class="--txtColor-dark5">
  Public REST API with countries data, based on

tsconfig.json

@@ -2,6 +2,12 @@
  "extends": "./.nuxt/tsconfig.json",
  "compilerOptions": {
  "module": "ESNext",
- "moduleResolution": "Bundler"
+ "moduleResolution": "Bundler",
+ "lib": [
+ "ESNext",
+ "ESNext.asynciterable",
+ "DOM",
+ "DOM.Iterable"
+ ]
  }
 }