Merge pull request #63 from bacon-delight/dev

Updated Tests

README.md

@@ -2,7 +2,7 @@
 <p align="center">This plugin is under development and is not ready for use yet. Please do not download/install the plugin in your project at the moment. A working release can be expected sometime during Q3 2022 and this message will be removed when it's ready for use.</p>
 
 <p align="center"><img src="public/img/logo.png" width="128" /></p>
-<h3 align="center">Ecosphere Design System | 生态圈设计系统</h3>
+<h3 align="center">Ecosphere Design System | Ecosphere 设计系统</h3>
 <p  align="center">A modern lightweight design system, built on the principles of minimalism with inspirations from Scandinavian architecture, handcrafted for data intensive applications.</p>
 
 <p align="center">
@@ -20,7 +20,6 @@ Translations:
 
 - [Figma Kit](https://www.figma.com/community/file/1067444265295956708/Ecosphere-Design-System)
 - [Homepage](https://ecosphere.dev/)
-- [Documentation](https://docs.ecosphere.dev/)
 - [Sandbox](https://codesandbox.io/s/vue-ecosphere-ooudb)
 
 <br/>

package.json

@@ -1,7 +1,7 @@
 {
 	"name": "vue-ecosphere",
 	"private": false,
-	"version": "0.0.23",
+	"version": "0.0.24",
 	"license": "MIT",
 	"title": "Vue Ecosphere Design System",
 	"description": "A modern and minimal design system built for better clarity and insights from data",

src/assets/docs/introduction/ecosphere/en.md

@@ -1,7 +1,3 @@
-## Ecosphere Design System
-
-Ecosphere is a modern lightweight design system that is designed to be used in a wide range of applications. It is built with inspirations from Scandinavian design and architecture and is handcrafted for data intensive applications.
-
 ###### Quick Start
 
 - [Installation](/guide/installation)

src/assets/docs/introduction/ecosphere/zh.md

@@ -1,7 +1,3 @@
-## 生态圈设计语言
-
-Ecosphere 是一个现代的轻量级设计系统，被设计用于广泛的应用中。它是在斯堪的纳维亚设计和建筑的启发下建立的，是为数据密集型应用手工制作的。
-
 ###### 快速启动
 
 - [安装](/guide/installation)

src/assets/locales/en.ts

@@ -3,6 +3,8 @@ export default {
 		title: "Ecosphere Design System",
 		description:
 			"A modern lightweight design system, built on the principles of minimalism with inspirations from Scandinavian architecture, handcrafted for data intensive applications",
+		details:
+			"Ecosphere is a modern lightweight design system that is designed to be used in a wide range of applications. It is built with inspirations from Scandinavian design and architecture and is handcrafted for data intensive applications.",
 		footer_mistake: "Caught a mistake or want to improve the content? ",
 		footer_edit: "Edit this page on GitHub :ri-arrow-right-up-line:",
 		coming_soon: "This feature will be implemented soon. Stay tuned!",

src/assets/locales/zh.ts

@@ -3,6 +3,8 @@ export default {
 		title: "Ecosphere 设计语言",
 		description:
 			"现代轻量级设计语言，建立在极简主义的原则之上，从斯堪的纳维亚建筑中获得灵感，为数据密集型应用手工制作。",
+		details:
+			"Ecosphere 是一个现代的轻量级设计系统，被设计用于广泛的应用中。它是在斯堪的纳维亚设计和建筑的启发下建立的，是为数据密集型应用手工制作的。",
 		footer_mistake: "发现了一个错误或想改进内容？",
 		footer_edit: "在GitHub上编辑此页面 :ri-arrow-right-up-line:",
 		coming_soon: "此功能将在以后实现，请耐心等待！",

src/plugin/utils/helpers/validators.ts

@@ -1,6 +1,6 @@
 export default class Validators {
 	private static email =
-		/^$|^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+		/^$|null|^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
 
 	public static validate(regex: RegExp, value: string): boolean {
 		return regex.test(value);

src/store/index.ts

@@ -5,9 +5,5 @@ export default createStore({
 	mutations: {},
 	actions: {},
 	modules: {},
-	getters: {
-		getLocale() {
-			console.log(this);
-		},
-	},
+	getters: {},
 });

src/views/introduction/Ecosphere.vue

@@ -1,5 +1,12 @@
 <template lang="pug">
 .content
+	PageHeader(
+		:label="$t('site.title')",
+		:events="false",
+		:usage="false",
+		:api="false"
+	)
+	v-eco-text(:label="$t('site.details')")
 	vue3-markdown-it.markdown(:source="content")
 </template>
 
@@ -8,6 +15,7 @@ import { defineComponent } from "vue";
 import locale from "@/locale";
 import content_en from "@/assets/docs/introduction/ecosphere/en.md";
 import content_zh from "@/assets/docs/introduction/ecosphere/zh.md";
+import PageHeader from "@/components/common/PageHeader.vue";
 
 export default defineComponent({
 	name: "Types",
@@ -24,5 +32,8 @@ export default defineComponent({
 			}
 		},
 	},
+	components: {
+		PageHeader,
+	},
 });
 </script>

tests/unit/components/common/dot.spec.ts

@@ -8,6 +8,6 @@ describe("VEcoDot", () => {
 			props: { type },
 		});
 		expect(wrapper.find(".dot").exists()).toBe(true);
-		expect(wrapper.find(`.dot--${type}`).exists()).toBe(true);
+		expect(wrapper.find(`.dot--theme-${type}`).exists()).toBe(true);
 	});
 });