Merge pull request #404 from alisaweb3/v3-single

Remove vuetify, process style value, wiget loading fixed

.prettierrc.json

@@ -1,5 +1,5 @@
 {
-  "tabWidth": 2,
+  "tabWidth": 4,
   "singleQuote": true,
   "semi": true,
   "endOfLine": "auto",

components.d.ts

@@ -1,51 +1,13 @@
 // generated by unplugin-vue-components
 // We suggest you to commit this file into source control
 // Read more: https://github.com/vuejs/core/pull/3399
-import '@vue/runtime-core'
+import '@vue/runtime-core';
 
-export {}
+export {};
 
 declare module '@vue/runtime-core' {
   export interface GlobalComponents {
-    AddAuthenticatorAppDialog: typeof import('./src/plugins/vuetify/@core/components/AddAuthenticatorAppDialog.vue')['default']
-    AddEditAddressDialog: typeof import('./src/plugins/vuetify/@core/components/AddEditAddressDialog.vue')['default']
-    AppBarSearch: typeof import('./src/plugins/vuetify/@core/components/AppBarSearch.vue')['default']
-    AppCardActions: typeof import('./src/plugins/vuetify/@core/components/AppCardActions.vue')['default']
-    AppCardCode: typeof import('./src/plugins/vuetify/@core/components/AppCardCode.vue')['default']
-    AppDateTimePicker: typeof import('./src/plugins/vuetify/@core/components/AppDateTimePicker.vue')['default']
-    AppDrawerHeaderSection: typeof import('./src/plugins/vuetify/@core/components/AppDrawerHeaderSection.vue')['default']
-    AppOtpInput: typeof import('./src/plugins/vuetify/@core/components/AppOtpInput.vue')['default']
-    AppPricing: typeof import('./src/plugins/vuetify/@core/components/AppPricing.vue')['default']
-    AppSearchHeader: typeof import('./src/plugins/vuetify/@core/components/AppSearchHeader.vue')['default']
-    BuyNow: typeof import('./src/plugins/vuetify/@core/components/BuyNow.vue')['default']
-    CardAddEditDialog: typeof import('./src/plugins/vuetify/@core/components/CardAddEditDialog.vue')['default']
-    CardStatisticsHorizontal: typeof import('./src/plugins/vuetify/@core/components/CardStatisticsHorizontal.vue')['default']
-    CardStatisticsVertical: typeof import('./src/plugins/vuetify/@core/components/CardStatisticsVertical.vue')['default']
-    CardStatisticsWithImages: typeof import('./src/plugins/vuetify/@core/components/CardStatisticsWithImages.vue')['default']
-    ConfirmDialog: typeof import('./src/plugins/vuetify/@core/components/ConfirmDialog.vue')['default']
-    CustomCheckboxes: typeof import('./src/plugins/vuetify/@core/components/CustomCheckboxes.vue')['default']
-    CustomCheckboxesWithIcon: typeof import('./src/plugins/vuetify/@core/components/CustomCheckboxesWithIcon.vue')['default']
-    CustomCheckboxesWithImage: typeof import('./src/plugins/vuetify/@core/components/CustomCheckboxesWithImage.vue')['default']
-    CustomizerSection: typeof import('./src/plugins/vuetify/@core/components/CustomizerSection.vue')['default']
-    CustomRadios: typeof import('./src/plugins/vuetify/@core/components/CustomRadios.vue')['default']
-    CustomRadiosWithIcon: typeof import('./src/plugins/vuetify/@core/components/CustomRadiosWithIcon.vue')['default']
-    CustomRadiosWithImage: typeof import('./src/plugins/vuetify/@core/components/CustomRadiosWithImage.vue')['default']
-    DialogCloseBtn: typeof import('./src/plugins/vuetify/@core/components/DialogCloseBtn.vue')['default']
-    EnableOneTimePasswordDialog: typeof import('./src/plugins/vuetify/@core/components/EnableOneTimePasswordDialog.vue')['default']
-    ErrorHeader: typeof import('./src/plugins/vuetify/@core/components/ErrorHeader.vue')['default']
-    I18n: typeof import('./src/plugins/vuetify/@core/components/I18n.vue')['default']
-    MoreBtn: typeof import('./src/plugins/vuetify/@core/components/MoreBtn.vue')['default']
-    Notifications: typeof import('./src/plugins/vuetify/@core/components/Notifications.vue')['default']
-    PricingPlanDialog: typeof import('./src/plugins/vuetify/@core/components/PricingPlanDialog.vue')['default']
-    ReferAndEarnDialog: typeof import('./src/plugins/vuetify/@core/components/ReferAndEarnDialog.vue')['default']
-    RouterLink: typeof import('vue-router')['RouterLink']
-    RouterView: typeof import('vue-router')['RouterView']
-    ShareProjectDialog: typeof import('./src/plugins/vuetify/@core/components/ShareProjectDialog.vue')['default']
-    Shortcuts: typeof import('./src/plugins/vuetify/@core/components/Shortcuts.vue')['default']
-    TheCustomizer: typeof import('./src/plugins/vuetify/@core/components/TheCustomizer.vue')['default']
-    ThemeSwitcher: typeof import('./src/plugins/vuetify/@core/components/ThemeSwitcher.vue')['default']
-    TwoFactorAuthDialog: typeof import('./src/plugins/vuetify/@core/components/TwoFactorAuthDialog.vue')['default']
-    UserInfoEditDialog: typeof import('./src/plugins/vuetify/@core/components/UserInfoEditDialog.vue')['default']
-    UserUpgradePlanDialog: typeof import('./src/plugins/vuetify/@core/components/UserUpgradePlanDialog.vue')['default']
+    RouterLink: typeof import('vue-router')['RouterLink'];
+    RouterView: typeof import('vue-router')['RouterView'];
   }
 }

package.json

@@ -1,6 +1,6 @@
 {
-  "name": "framework",
-  "version": "0.0.0",
+  "name": "ping.pub",
+  "version": "3.0.0",
   "private": true,
   "target": "",
   "scripts": {
@@ -8,23 +8,17 @@
     "serve": "vite",
     "build": "run-p type-check build-only",
     "preview": "vite preview",
-    "test": "jest",
     "build-only": "vite build",
-    "type-check": "vue-tsc --noEmit",
-    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"
+    "type-check": "vue-tsc --noEmit"
   },
   "dependencies": {
-    "@casl/ability": "^6.3.3",
-    "@casl/vue": "^2.2.1",
     "@chenfengyuan/vue-countdown": "2",
     "@cosmjs/crypto": "^0.29.5",
     "@cosmjs/encoding": "^0.29.5",
-    "@floating-ui/dom": "^1.2.0",
     "@iconify/vue": "^4.1.0",
     "@intlify/unplugin-vue-i18n": "^0.8.2",
     "@osmonauts/lcd": "^0.8.0",
     "@ping-pub/chain-registry-client": "^0.0.25",
-    "@tomieric/vue-flip-countdown": "^0.0.5",
     "@vitejs/plugin-vue-jsx": "^3.0.0",
     "@vueuse/core": "^9.12.0",
     "@vueuse/integrations": "^10.1.2",
@@ -41,41 +35,28 @@
     "md-editor-v3": "^2.8.1",
     "numeral": "^2.0.6",
     "osmojs": "^14.0.0-rc.0",
-    "ping-widget": "^0.0.24",
+    "ping-widget": "^0.0.29",
     "pinia": "^2.0.28",
     "postcss": "^8.4.23",
-    "prismjs": "^1.29.0",
     "qrcode": "^1.5.3",
     "tailwindcss": "^3.3.1",
     "theme-change": "^2.5.0",
     "vite-plugin-vue-layouts": "^0.7.0",
-    "vite-plugin-vuetify": "^1.0.2",
     "vue": "^3.2.45",
-    "vue-flatpickr-component": "^11.0.3",
     "vue-i18n": "^9.2.2",
     "vue-json-pretty": "^2.2.4",
     "vue-prism-component": "^2.0.0",
     "vue-router": "^4.1.6",
     "vue3-apexcharts": "^1.4.1",
-    "vue3-flip-countdown": "^0.1.6",
-    "vue3-perfect-scrollbar": "^1.6.1",
-    "vuetify": "3.0.6",
-    "webfontloader": "^1.6.28"
+    "vue3-perfect-scrollbar": "^1.6.1"
   },
   "devDependencies": {
     "@osmonauts/telescope": "^0.88.2",
-    "@rushstack/eslint-patch": "^1.1.4",
-    "@types/jest": "^29.5.0",
     "@types/marked": "^4.0.8",
     "@types/node": "^18.11.12",
     "@types/numeral": "^2.0.2",
     "@vitejs/plugin-vue": "^4.0.0",
-    "@vue/eslint-config-prettier": "^7.0.0",
-    "@vue/eslint-config-typescript": "^11.0.0",
     "@vue/tsconfig": "^0.1.3",
-    "eslint": "^8.22.0",
-    "eslint-plugin-vue": "^9.3.0",
-    "jest": "^29.5.0",
     "npm-run-all": "^4.1.5",
     "prettier": "^2.7.1",
     "sass": "^1.58.0",

src/App.vue

@@ -1,21 +1,7 @@
 <script setup lang="ts">
-import { useTheme } from 'vuetify';
-import { useThemeConfig } from '@/plugins/vuetify/@core/composable/useThemeConfig';
-import { hexToRgb } from '@/plugins/vuetify/@layouts/utils';
 import { themeChange } from 'theme-change';
 import { onMounted } from 'vue';
 import TxDialog from './components/TxDialog.vue';
-const {
-  syncInitialLoaderTheme,
-  syncVuetifyThemeWithTheme: syncConfigThemeWithVuetifyTheme,
-  isAppRtl,
-} = useThemeConfig();
-
-const { global } = useTheme();
-
-// ℹ️ Sync current theme with initial loader theme
-syncInitialLoaderTheme();
-syncConfigThemeWithVuetifyTheme();
 
 onMounted(() => {
   themeChange(false);
@@ -23,13 +9,8 @@ onMounted(() => {
 </script>
 
 <template>
-  <!-- ℹ️ This is required to set the background color of active nav link based on currently active global theme's primary -->
-  <VApp
-    :style="`--v-global-theme-primary: ${hexToRgb(
-      global.current.value.colors.primary
-    )}`"
-  >
+  <div>
     <RouterView />
     <TxDialog />
-  </VApp>
+  </div>
 </template>

src/assets/base.css

@@ -1,74 +0,0 @@
-/* color palette from <https://github.com/vuejs/theme> */
-:root {
-  --vt-c-white: #ffffff;
-  --vt-c-white-soft: #f8f8f8;
-  --vt-c-white-mute: #f2f2f2;
-
-  --vt-c-black: #181818;
-  --vt-c-black-soft: #222222;
-  --vt-c-black-mute: #282828;
-
-  --vt-c-indigo: #2c3e50;
-
-  --vt-c-divider-light-1: rgba(60, 60, 60, 0.29);
-  --vt-c-divider-light-2: rgba(60, 60, 60, 0.12);
-  --vt-c-divider-dark-1: rgba(84, 84, 84, 0.65);
-  --vt-c-divider-dark-2: rgba(84, 84, 84, 0.48);
-
-  --vt-c-text-light-1: var(--vt-c-indigo);
-  --vt-c-text-light-2: rgba(60, 60, 60, 0.66);
-  --vt-c-text-dark-1: var(--vt-c-white);
-  --vt-c-text-dark-2: rgba(235, 235, 235, 0.64);
-}
-
-/* semantic color variables for this project */
-:root {
-  --color-background: var(--vt-c-white);
-  --color-background-soft: var(--vt-c-white-soft);
-  --color-background-mute: var(--vt-c-white-mute);
-
-  --color-border: var(--vt-c-divider-light-2);
-  --color-border-hover: var(--vt-c-divider-light-1);
-
-  --color-heading: var(--vt-c-text-light-1);
-  --color-text: var(--vt-c-text-light-1);
-
-  --section-gap: 160px;
-}
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    --color-background: var(--vt-c-black);
-    --color-background-soft: var(--vt-c-black-soft);
-    --color-background-mute: var(--vt-c-black-mute);
-
-    --color-border: var(--vt-c-divider-dark-2);
-    --color-border-hover: var(--vt-c-divider-dark-1);
-
-    --color-heading: var(--vt-c-text-dark-1);
-    --color-text: var(--vt-c-text-dark-2);
-  }
-}
-
-*,
-*::before,
-*::after {
-  box-sizing: border-box;
-  margin: 0;
-  position: relative;
-  font-weight: normal;
-}
-
-body {
-  min-height: 100vh;
-  color: var(--color-text);
-  background: var(--color-background);
-  transition: color 0.5s, background-color 0.5s;
-  line-height: 1.6;
-  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
-    Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
-  font-size: 15px;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}