First Committ

src/components/logo/index.ts

@@ -0,0 +1 @@
+export { default as Logo } from './logo.vue'

src/components/logo/logo.scss

@@ -0,0 +1,39 @@
+
+.svgclass {
+  color: white;
+  transform: translateY(0px);
+
+}
+
+
+.svgclass_animate {
+  transform: translateY(-70px);
+  color: red;
+}
+
+#sun {
+  animation: gravity 5s infinite;
+
+}
+
+#logoimg {
+  height: 50px;
+  width: auto;
+  @media screen and (max-width: 600px) {
+  }
+}
+
+@keyframes gravity {
+  0% {
+    transform: rotateY(0deg);
+  }
+  100% {
+    transform: rotateY(360deg);
+  }
+}
+
+#smile {
+  opacity: 0.1 !important;
+  fill: red;
+}
+

src/components/logo/logo.ts

@@ -0,0 +1,33 @@
+import {
+  defineComponent,
+} from 'vue'
+import { tools } from '@src/store/Modules/tools'
+import { useQuasar } from 'quasar'
+import { useI18n } from '@src/boot/i18n'
+
+export default defineComponent({
+  name: 'Logo',
+  props: {
+    mystyle: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
+  },
+
+  setup() {
+    function logoimg() {
+      return `${tools.getimglogo()}`
+    }
+
+    function logoalt() {
+      const { t } = useI18n();
+      return t('ws.sitename')
+    }
+
+    return {
+      logoimg,
+      logoalt,
+    }
+  },
+})

src/components/logo/logo.vue

@@ -0,0 +1,11 @@
+<template>
+    <div id="logo">
+        <img id="logoimg" :alt="logoalt()" :src=logoimg() :style="mystyle">
+    </div>
+</template>
+<script lang="ts" src="./logo.ts">
+</script>
+
+<style lang="scss" scoped>
+    @import './logo.scss';
+</style>