clean: new feature

Author: sebastienfontaine

manifest.json

@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "Tab Modifier",
-  "version": "1.0.14",
+  "version": "1.0.16",
   "description": "Take control of your tabs",
   "homepage_url": "https://github.com/furybee/chrome-tab-modifier",
   "action": {

package.json

@@ -1,7 +1,7 @@
 {
   "name": "tab-modifier",
   "private": true,
-  "version": "1.0.14",
+  "version": "1.0.16",
   "type": "module",
   "scripts": {
     "test": "vitest --run",

src/Options.vue

@@ -62,8 +62,8 @@
 
 <script lang="ts" setup>
 import Menu from './components/options/left/Menu.vue';
-import { GLOBAL_EVENTS, Components, MenuItem } from './common/types.ts';
-import { inject, onMounted, ref, computed } from 'vue';
+import { Components, GLOBAL_EVENTS, MenuItem } from './common/types.ts';
+import { computed, inject, onMounted, ref } from 'vue';
 import TabRulesPane from './components/options/center/sections/TabRulesPane.vue';
 import TabGroupsPane from './components/options/center/sections/TabGroupsPane.vue';
 import SettingsPane from './components/options/center/sections/SettingsPane.vue';

src/Popup.vue

@@ -12,7 +12,7 @@
 import { useRulesStore } from './stores/rules.store.ts';
 import { onMounted, ref } from 'vue';
 import RuleForm from './components/options/center/sections/TabRules/RuleForm.vue';
-import { _getRuleFromUrl, _getDefaultRule, _getStorageAsync } from './common/storage.ts';
+import { _getDefaultRule, _getRuleFromUrl } from './common/storage.ts';
 
 const rulesStore = useRulesStore();
 const isInit = ref(false);

src/common/storage.test.js

@@ -1,15 +1,16 @@
-import { describe, it, expect, beforeEach, vi } from 'vitest';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
 import {
-	_getDefaultTabModifierSettings,
-	_getDefaultRule,
+	_clearStorage,
 	_getDefaultGroup,
+	_getDefaultRule,
+	_getDefaultTabModifierSettings,
+	_getRuleFromUrl,
 	_getStorageAsync,
-	_clearStorage,
 	_setStorage,
-	_getRuleFromUrl,
 	STORAGE_KEY,
 } from './storage';
 import { chrome } from '../__mocks__/chrome';
+
 global.chrome = chrome;
 
 beforeEach(() => {

src/components/options/center/sections/HelpPane.vue

@@ -20,10 +20,7 @@
 					<li>You can rename a tab.</li>
 					<li>You can change any tab (fav)icon.</li>
 					<li>You can pin a website without effort.</li>
-					<li>
-						You can group your tabs easily.
-						<NewFeature />
-					</li>
+					<li>You can group your tabs easily.</li>
 					<li>You can protect some websites from accidental closure with a confirm box.</li>
 					<li>You can avoid duplicate tabs by setting up the unique property.</li>
 					<li>You can mute the sound of any website before it plays it.</li>
@@ -153,9 +150,7 @@
 	</div>
 </template>
 
-<script lang="ts" setup>
-import NewFeature from '../../../global/NewFeature.vue';
-</script>
+<script lang="ts" setup></script>
 
 <style scoped>
 h3 {

src/components/options/center/sections/SettingsPane.vue

@@ -6,10 +6,7 @@
 
 				<div class="grid grid-cols-6">
 					<div class="col-span-5">
-						<h3 class="font-bold">
-							Theme -
-							<NewFeature />
-						</h3>
+						<h3 class="font-bold">Theme</h3>
 						<p>Change Tab Modifier theme</p>
 					</div>
 					<div class="col-span-1">
@@ -123,7 +120,6 @@
 import CustomSelect from '../../../global/CustomSelect.vue';
 import { inject, ref, watch } from 'vue';
 import { useRulesStore } from '../../../../stores/rules.store.ts';
-import NewFeature from '../../../global/NewFeature.vue';
 import { GLOBAL_EVENTS } from '../../../../common/types.ts';
 import { _getThemes } from '../../../../common/helpers.ts';
 

src/components/options/center/sections/TabRules/RuleForm.vue

@@ -71,7 +71,7 @@
 		<div class="flex flex-wrap md:flex-nowrap gap-2 mt-4">
 			<div v-if="!isGroupFormVisible" class="form-control w-full md:max-w-xs md:flex-0">
 				<div class="label">
-					<span class="label-text text-sm">Group <NewFeature /></span>
+					<span class="label-text text-sm">Group</span>
 				</div>
 
 				<CustomSelect v-model="currentRule.tab.group_id" :items="availableGroups" />
@@ -83,7 +83,7 @@
 			<div v-else class="bg-base-300 rounded-md w-full md:max-w-xs md:flex-0 px-2 pb-2">
 				<div class="flex justify-between items-center">
 					<div class="label">
-						<span class="label-text text-sm">Group <NewFeature /></span>
+						<span class="label-text text-sm">Group</span>
 					</div>
 					<CloseIcon class="cursor-pointer hover:text-error !h-4 !w-4" @click="hideGroupForm" />
 				</div>
@@ -301,7 +301,6 @@
 import { useRulesStore } from '../../../../../stores/rules.store.ts';
 import { computed, inject, onMounted, ref, watch } from 'vue';
 import CustomSelect, { SelectItem } from '../../../../global/CustomSelect.vue';
-import NewFeature from '../../../../global/NewFeature.vue';
 import {
 	_chromeGroupColor,
 	_clone,

src/components/options/center/sections/TabRules/TableRules.vue

@@ -89,13 +89,12 @@
 <script lang="ts" setup>
 import DuplicateIcon from '../../../../icons/DuplicateIcon.vue';
 import DeleteIcon from '../../../../icons/DeleteIcon.vue';
-import { inject, ref } from 'vue';
+import { computed, inject, ref, watch } from 'vue';
 import { GLOBAL_EVENTS, Group, Rule, RuleModalParams } from '../../../../../common/types.ts';
 import { useRulesStore } from '../../../../../stores/rules.store.ts';
 import RefreshButton from '../../../../global/RefreshButton.vue';
 import { _chromeGroupColor, _shortify } from '../../../../../common/helpers.ts';
 import ColorVisualizer from '../TabGroups/ColorVisualizer.vue';
-import { computed, watch } from 'vue';
 import draggable from 'vuedraggable';
 
 const props = defineProps<{

src/components/options/left/Menu.vue

@@ -7,9 +7,6 @@
 			>
 				<component :is="icons[menuItem.icon]" class="menuItem-icon" />
 				{{ menuItem.title }}
-				<template v-if="menuItem.component === 'TabGroupsPane'">
-					<NewFeature />
-				</template>
 				<template v-if="menuItem.link">
 					<ExternalIcon class="!w-3 !h-3" />
 				</template>
@@ -27,7 +24,6 @@ import HelpIcon from '../../icons/HelpIcon.vue';
 import GithubIcon from '../../icons/GithubIcon.vue';
 import DonationIcon from '../../icons/DonationIcon.vue';
 import ChromeIcon from '../../icons/ChromeIcon.vue';
-import NewFeature from '../../global/NewFeature.vue';
 import ExternalIcon from '../../icons/ExternalIcon.vue';
 import { useMenuStore } from '../../../stores/menu.store.ts';