@todovue/tv-footer 1.0.0 → 1.1.1

package/src/demo/utils/icons/github-white.svg

@@ -0,0 +1 @@
+<svg width="98" height="96" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="#fff"/></svg>

package/src/demo/utils/icons/github.svg

@@ -0,0 +1 @@
+<svg width="98" height="96" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="#24292f"/></svg>

package/src/demo/utils/mocks.js

@@ -0,0 +1,94 @@
+import GitHubWithIcon from './icons/github-white.svg';
+import FacebookIcon from './icons/facebook.png';
+import TODOvue from './icons/todovue.png';
+
+import Default from './demos/default.vue?raw';
+import Newsletter from './demos/newsletter.vue?raw';
+
+const config = {
+  brand: {
+    logo: 'https://res.cloudinary.com/denj4fg7f/image/upload/v1766199952/logo_ohpadg.png', // Optional
+    url: '/'
+  },
+  version: 'v2.4.0',
+  navigation: [
+    {
+      title: 'Product',
+      items: [
+        { label: 'Features', url: '/#' },
+        { label: 'Pricing', url: '/#' },
+        { label: 'Showcase', url: '/#' }
+      ]
+    },
+    {
+      title: 'Resources',
+      items: [
+        { label: 'Documentation', url: '/#' },
+        { label: 'API Reference', url: '/#' },
+        { label: 'Community', url: '/#' }
+      ]
+    },
+    {
+      title: 'Company',
+      items: [
+        { label: 'About Us', url: '/#' },
+        { label: 'Blog', url: '/#' },
+        { label: 'Careers', url: '/#' }
+      ]
+    }
+  ],
+  social: [
+    {
+      label: 'GitHub',
+      url: 'https://github.com/TODOvue',
+      iconUrl: GitHubWithIcon // Icon library class (e.g. FontAwesome, UnoCSS)
+    },
+    {
+      label: 'Facebook',
+      url: 'https://facebook.com',
+      iconUrl: FacebookIcon
+    },
+    {
+      label: 'TODOvue',
+      url: 'https://todovue.blog',
+      iconUrl: TODOvue
+    }
+  ],
+  legal: [
+    { label: 'Privacy', url: '/#' },
+    { label: 'Terms', url: '/#' },
+    { label: 'Cookies', url: '/#' }
+  ],
+  copyright: '© {year} TvFooter. All rights reserved.'
+}
+
+const configEnhanced = {
+  ...config,
+  newsletter: {
+    title: 'Subscribe to our newsletter',
+    description: 'Get the latest news and updates right to your inbox.',
+    placeholder: 'Your email address',
+    buttonText: 'Subscribe'
+  }
+}
+
+export const demos = [
+  {
+    id: 1,
+    title: "TvFooter Default",
+    description: "Default TvFooter component",
+    propsData: {
+      config,
+    },
+    html: Default,
+  },
+  {
+    id: 2,
+    title: "TvFooter Enhanced",
+    description: "TvFooter with Newsletter",
+    propsData: {
+      config: configEnhanced,
+    },
+    html: Newsletter,
+  },
+];

package/src/entry.ts

@@ -0,0 +1,21 @@
+import type { App, Plugin } from 'vue'
+import _TvFooter from './components/TvFooter.vue'
+import './style.scss'
+
+const TvFooter = _TvFooter as typeof _TvFooter & Plugin;
+TvFooter.install = (app: App) => {
+  app.component('TvFooter', TvFooter)
+};
+
+export { TvFooter }
+
+export const TvFooterPlugin: Plugin = {
+  install: TvFooter.install
+};
+export default TvFooter;
+
+declare module 'vue' {
+  export interface GlobalComponents {
+    TvFooter: typeof TvFooter;
+  }
+}

package/src/main.js

@@ -0,0 +1,7 @@
+import { createApp } from 'vue'
+import './style.scss'
+import '@todovue/tv-demo/style.css'
+import TvFooter from './demo/Demo.vue'
+
+const app = createApp(TvFooter)
+app.mount('#tv-footer')

package/src/style.scss

@@ -0,0 +1 @@
+@use "./assets/scss/style";