Add a global function to get country tag

src/common.js

@@ -0,0 +1,16 @@
+import countries from './assets/json/country.json'
+
+const getCountryTag = (countryCode, type = 'movie') => {
+ if(!countryCode) return null
+ const code = countryCode.toLowerCase()
+
+ switch(type) {
+ case 'tv':
+ return countries[code].drama_cn || countries[code].chinese;
+ case 'movie':
+ default:
+ return countries[code].chinese
+ }
+}
+
+export { getCountryTag }

src/main.js

@@ -2,6 +2,7 @@ import { createApp } from 'vue'
 import App from './App.vue'
 import router from './router'
 import { tmdb, omdb } from './axios'
+import { getCountryTag } from './common'
 import './assets/css/index.css'
 import '@vant/touch-emulator' // 沒有這個，vant 有些 click 不會被觸發，例如: Search 裡的 clear
 import {
@@ -30,6 +31,7 @@ const global = {
  : Math.sign(num) * Math.abs(num)
  },
  $omdb: omdb,
+ $getCountryTag: getCountryTag
 }
 
 app.provide('$global', global)