feat: 省市区hook

src/composable/useCity.ts

+import cityData from '@/utils/cities.json';
+import { computed, ref } from 'vue';
+
+export interface CityData {
+  value: string;
+  name: string;
+  parent?: string;
+  children?: CityData[];
+}
+
+/**
+ * 省市区数据
+ */
+export function useAddress() {
+  const cityList: CityData[] = cityData;
+  const currentProvince = ref<CityData | null>(null);
+  const currentCity = ref<CityData | null>(null);
+  const currentRegion = ref<CityData | null>(null);
+
+  /**
+   * 当前省的市列表
+   */
+  const currentCityList = computed(() => {
+    return currentProvince.value?.children || [];
+  });
+
+  /**
+   * 当前市的区列表
+   */
+  const currentRegionList = computed(() => {
+    return currentCity.value?.children || [];
+  });
+
+  return {
+    cityList,
+    currentProvince,
+    currentCity,
+    currentRegion,
+    currentCityList,
+    currentRegionList,
+  };
+}

tsconfig.app.json

 {
   "extends": "@vue/tsconfig/tsconfig.dom.json",
-  "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
+  "include": ["env.d.ts", "src/**/*", "src/**/*.vue", "src/**/*.json"],
   "exclude": ["src/**/__tests__/*"],
   "compilerOptions": {
     "composite": true,