other components... (2)

src/views/offline/index.ts

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

src/views/offline/offline.scss

@@ -0,0 +1,29 @@
+.svgclass{
+  color: white;
+  transform: translateY(0px);
+
+}
+
+.svgclass_animate {
+  transform: translateY(-70px);
+  color: red;
+}
+
+#sun {
+  animation: gravity 5s infinite;
+
+}
+
+@keyframes gravity{
+  0%{
+    transform: rotateY(0deg);
+  }
+  100%{
+    transform: rotateY(360deg);
+  }
+}
+
+#smile{
+  opacity: 0.1 !important;
+  fill: red;
+}

src/views/offline/offline.ts

@@ -0,0 +1,14 @@
+import { defineComponent } from 'vue'
+
+export default defineComponent({
+  name: 'Offline',
+  setup() {
+    function logoimg() {
+      return 'º' + process.env.LOGO_REG
+    }
+
+    return {
+      logoimg,
+    }
+  },
+})

src/views/offline/offline.vue

@@ -0,0 +1,11 @@
+<template>
+    <div id="offline">
+        TableOnlyView Page !
+    </div>
+</template>
+<script lang="ts" src="./offline.ts">
+</script>
+
+<style lang="scss" scoped>
+    @import './offline';
+</style>