浏览代码

Using native JavaScript for icon

Zen 3 年之前
父节点
当前提交
dfd4c3064c
共有 4 个文件被更改,包括 7 次插入13 次删除
  1. 0 1
      package.json
  2. 7 3
      src/newtab/App.vue
  3. 0 4
      src/newtab/index.js
  4. 0 5
      yarn.lock

+ 0 - 1
package.json

@@ -77,7 +77,6 @@
     "@intlify/vue-i18n-loader": "^4.2.0",
     "@tailwindcss/typography": "^0.5.1",
     "@vue/compiler-sfc": "^3.2.37",
-    "@vueuse/head": "^0.7.6",
     "archiver": "^5.3.0",
     "autoprefixer": "10.3.6",
     "babel-loader": "^8.2.2",

+ 7 - 3
src/newtab/App.vue

@@ -1,7 +1,7 @@
 <template>
-  <Head>
+  <!-- <Head>
     <link rel="icon" :href="icon" />
-  </Head>
+  </Head> -->
 
   <template v-if="retrieved">
     <app-sidebar />
@@ -100,7 +100,6 @@ import dayjs from '@/lib/dayjs';
 import Workflow from '@/models/workflow';
 import AppSidebar from '@/components/newtab/app/AppSidebar.vue';
 import dataMigration from '@/utils/dataMigration';
-import { Head } from '@vueuse/head';
 
 let icon;
 if (window.location.protocol === 'moz-extension:') {
@@ -109,6 +108,11 @@ if (window.location.protocol === 'moz-extension:') {
   icon = iconChrome;
 }
 
+const iconElement = document.createElement('link');
+iconElement.rel = 'icon';
+iconElement.href = icon;
+document.head.appendChild(iconElement);
+
 const { t } = useI18n();
 const store = useStore();
 const theme = useTheme();

+ 0 - 4
src/newtab/index.js

@@ -1,6 +1,5 @@
 import { createApp } from 'vue';
 import inspector from 'vue-inspector-agnostic';
-import { createHead } from '@vueuse/head';
 import App from './App.vue';
 import router from './router';
 import store from '../store';
@@ -12,11 +11,8 @@ import '../assets/css/tailwind.css';
 import '../assets/css/fonts.css';
 import '../assets/css/style.css';
 
-const head = createHead();
-
 createApp(App)
   .use(router)
-  .use(head)
   .use(store)
   .use(compsUi)
   .use(vueI18n)

+ 0 - 5
yarn.lock

@@ -1724,11 +1724,6 @@
   resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.2.37.tgz#8e6adc3f2759af52f0e85863dfb0b711ecc5c702"
   integrity sha512-4rSJemR2NQIo9Klm1vabqWjD8rs/ZaJSzMxkMNeJS6lHiUjjUeYFbooN19NgFjztubEKh3WlZUeOLVdbbUWHsw==
 
-"@vueuse/head@^0.7.6":
-  version "0.7.6"
-  resolved "https://registry.yarnpkg.com/@vueuse/head/-/head-0.7.6.tgz#39eb2aa593db6f02d10ba469b33d8cfbce038183"
-  integrity sha512-cOWqCkT3WiF5oEpw+VVEWUJd9RLD5rc7DmnFp3cePsejp+t7686uKD9Z9ZU7Twb7R/BI8iexKTmXo9D/F3v6UA==
-
 "@vueuse/rxjs@^8.6.0":
   version "8.6.0"
   resolved "https://registry.yarnpkg.com/@vueuse/rxjs/-/rxjs-8.6.0.tgz#0b6a41cfff1436cec8af068cb8fab4abe9d62c17"