Vue.js Nation 2024: PrimeVue | The Next-Gen UI Component Library by Cagatay Civici

Summary

Prime View is a next-generation UI component suite developed by PrimeTek, offering a unique approach with customizable styling and an unstyled mode. With over 150 million downloads, Prime View emphasizes accessibility, following WCAG 2.2 standards. It includes over 8+ UI components, from basic to advanced, like data tables with extensive features. The library is open-source and free, with a focus on functional components that can be skinned with various CSS frameworks. Prime View's recent updates include a 2024 theme, a CLI tool for easy setup, and a roadmap featuring advanced components and a theming API. The speaker invites developers to join their active Discord community for support.

Takeaways

• 🌟 Prime View is the latest addition to the suite of UI libraries by PrimeTek, following PrimeFaces, PrimeReact, and PrimeNG.
• 🚀 Prime View is developed by a dedicated team of 15 developers, with a focus solely on UI libraries, ensuring continuous improvement and updates.
• 🛠 The philosophy behind Prime View is to provide components that are customizable, with the approach 'the components are yours, not ours', allowing for extensive styling and customization.
• 🎨 Prime View offers an 'unstyled mode', which allows developers to apply their own styles without being influenced by the library's default styling.
• 📈 Prime View includes over 8 plus UI components, ranging from basic elements like Avatars and Sliders to advanced components like Data Tables with various features like row expansion and virtual scrolling.
• 🆓 All Prime View components are open source and free to use, with no paywall, reflecting PrimeTek's commitment to the developer community.
• ♿ Prime View places a strong emphasis on accessibility, ensuring compliance with WCAG 2.1 standards and providing semantic HTML for native browser elements.
• 🎨 Prime View supports multiple themes, including a default PrimeOne theme, Bootstrap, and Material themes, with the ability for developers to switch between them effortlessly.
• 🔄 Prime View introduced a 'pass through' feature, allowing developers to bind events, attributes, and classes to component internals, enhancing customization and extending functionality.
• 📝 Prime View is actively developed with a roadmap that includes new themes, advanced components, a theming API, and support for design tokens and CLI tools.
• 🔍 The Prime View team is highly engaged with the community, offering support through Discord and actively seeking feedback to improve the library.

Q & A

What is the main focus of Prime View?

Prime View is a next-generation UI component suite developed by Prime Tech, focusing on providing customizable and accessible UI components with a strong emphasis on the 'modotto' approach, where styling is left entirely up to the user.

How does Prime View differ from other UI libraries?

Prime View differs by offering a unique approach where all component internals are exposed, allowing users to style and extend functionality without waiting for the library maintainer. It also features an unstyled mode and pass-through properties that are not commonly found in other UI libraries.

Outlines

00:00

🚀 Introduction to Prime View: Next-Gen UI Component Suite

The speaker introduces Prime View as the latest addition to a suite of UI libraries developed by Prime Tech, a vendor dedicated solely to open-source UI libraries. With 15 years of expertise and a team of 15 growing daily, Prime View emphasizes customization and accessibility, boasting over 1.5 million downloads. The library offers a unique approach with the motto 'your components, not ours,' allowing users to style components freely without relying on the library maintainer. It includes over 8 plus UI components, from basic to advanced like data tables, with a focus on semantic HTML for native browser element accessibility and compliance with WCAG 2.2 and ARIA standards.

05:02

🎨 Customization and Theming in Prime View

The speaker discusses the customization options in Prime View, highlighting the ability to use different CSS libraries and unstyled mode with Tailwind CSS. Prime View's design philosophy is to separate functionality from style, allowing users to switch between themes like PrimeOne, Bootstrap, and Material Design without rewriting their applications. The release of the AA theme in 2024 is mentioned, along with the ongoing improvements and plans for more themes. The 'unstyled mode' is introduced as a feature that renders components with minimal styling, providing full flexibility for custom styling. The 'pass through' feature is also explained, allowing users to bind events and attributes directly to components for extensive customization.

10:03

🛠️ Advanced Features and Integrations of Prime View

The speaker outlines Prime View's advanced features, including the integration with Figma for design tokens and variables, allowing for theme generation directly from Figma. The optional paid add-on 'Prime Blocks' is mentioned, offering ready-to-use blocks created with Prime View, which are being moved to Tailwind to meet community demand. The speaker also discusses the new CLI tool announced for easy setup and integration with Tailwind presets, as well as the upcoming advanced components like spreadsheet, event calendar, and HTML editor. The theming API, expected to launch at the end of February, promises a design token-based approach for dynamic theming.

15:04

🌐 Prime View's Roadmap and Community Engagement

The speaker shares the roadmap for Prime View, which includes a new visual designer application, further optimizations for SSR, CLI tool enhancements, and advanced components. The introduction of typography and layout components, drag-and-drop utilities, and RTL support is planned for the coming months. The speaker emphasizes the team's full-time commitment to the library's development and invites users to engage on Discord for discussions and support. The goal is to make Prime View the de facto standard in the Vue ecosystem, akin to the reputation Prime Faces has in the JSF community.

20:05

🔍 Comparison and Extension of Prime View

The speaker addresses how Prime View differs from other popular Vue UI libraries, focusing on its unique pass-through and unstyled mode features, which are not commonly found in the Vue ecosystem. The components' independence from Tailwind and the rich feature set, including an advanced data table and top-notch accessibility, are highlighted. The speaker expresses a desire for Prime View to become an essential part of the Vue developer's toolkit. The conversation also touches on the ease of extending component functionality in Prime View and the potential for developers to build their own UI libraries on top of it.

✅ Wrapping Up and Transitioning to Prime View

In the final paragraph, the speaker provides advice for developers looking to transition from other UI libraries to Prime View, suggesting active participation in the Prime View community for support. The speaker reflects on the comparison between Prime View and other libraries like Radix UI and Naive UI, emphasizing Prime View's simpler and more accessible approach. The conversation concludes with an invitation for developers to reach out with any feature requests or questions, showcasing the team's dedication to continuous improvement and community engagement.

Keywords

💡Prime View

Prime View is a next-generation UI component suite that is part of a suite of UI libraries developed by Prime Tech. It represents the latest development in a 15-year expertise of UI library creation. The script discusses its unique approach to UI component customization and accessibility, emphasizing its role as a core component in the video's narrative about modern UI development.

💡UI Libraries

UI Libraries are collections of user interface components that can be used to build graphical user interfaces. In the script, Prime View is highlighted as part of a suite of UI libraries, including Prime faces, Prime react, and Prime Ang, showcasing the breadth of tools available for developers to create user interfaces.

💡Open Source

Open Source refers to software whose source code is available to the public, allowing anyone to view, use, modify, and distribute the software. The script mentions that Prime View and its sibling libraries are open source, emphasizing the community-driven development and the freedom it provides to users.

💡Customizability

Customizability is the ability to modify or adapt software to suit specific needs or preferences. The script discusses how Prime View offers high customizability, allowing developers to style components as they see fit, without being limited by the library's default styles or needing to wait for library maintainers.

💡Accessibility

Accessibility in UI design refers to the inclusive practice of ensuring that all users, including those with disabilities, can interact with the interface. The script highlights Prime View's commitment to accessibility, mentioning compliance with WCAG 2.2 and the use of semantic HTML to ensure native browser elements are inherently accessible.

💡Unstyled Mode

Unstyled Mode is a feature of Prime View that allows components to be used without the library's default styles, providing a transparent canvas for developers to apply their own styling. The script describes this as an innovative approach that gives developers full control over the look and feel of the components.

💡Pass Through

Pass Through in the context of Prime View refers to the ability to expose component internals, allowing developers to bind events, attributes, and classes directly to the component elements. The script uses this term to illustrate how developers can extend the functionality of components without relying on library maintainers.

💡Tailwind CSS

Tailwind CSS is a utility-first CSS framework for rapidly building custom user interfaces. The script mentions Tailwind as an example of a CSS library that can be used in conjunction with Prime View's unstyled mode, highlighting the flexibility of styling components with different CSS frameworks.

💡Design Tokens

Design Tokens are the values that represent design decisions, such as colors, spacing, and typography, which can be used across different platforms and media. The script discusses an upcoming theming API for Prime View that will use design tokens, allowing for a more dynamic and consistent application of design across an application.

💡CLI Tool

CLI stands for Command Line Interface, and a CLI tool in this context refers to a utility that helps developers set up and manage their projects through command line commands. The script mentions a new CLI tool for Prime View that will assist with tasks such as installing the library and fetching presets, streamlining the development process.

💡Advanced Components

Advanced Components refer to more complex UI elements that offer extensive functionality, such as data tables, spreadsheets, and calendars. The script discusses Prime View's commitment to providing advanced components with rich features, positioning it as a comprehensive solution for developers needing more than basic UI elements.

Highlights

Prime View is the latest addition to a suite of UI libraries by Prime Tech, leveraging 15 years of expertise in UI development.

Prime View is developed by a dedicated team of 15 people, focusing solely on UI libraries without diversifying into consulting or outsourcing.

The Prime View ecosystem has reached over 115 million downloads and continues to grow daily.

Prime View adopts a unique approach where styling is left to the user, allowing for greater customization and flexibility.

The library offers more than 8 plus UI components, ranging from basic to advanced features like data tables with complex functionalities.

All Prime View components are open source and free to use, emphasizing accessibility compliance with WCAG 2.2 standards.

Prime View uses semantic HTML and native browser elements to ensure built-in accessibility, complemented by ARIA attributes when necessary.

The library provides a customizable design with themes like Prime One, Bootstrap, and Material, allowing easy switching between styles.

Prime View introduced a 2024 theme, reflecting the team's commitment to continuous improvement and design innovation.

An unstyled mode is available, offering transparency in functionality while leaving styling entirely up to the user.

Pass through props allow users to bind events and attributes directly to component internals, enhancing extensibility.

Prime View supports advanced CSS libraries and offers examples of how to style components with Bulma, Bootstrap, and Tailwind CSS.

Tailwind CSS integration is seamless with Prime View, utilizing a global pass-through configuration that applies to all components.

A new Figma UI is in the works, promising deeper integration with design tokens and variables for streamlined theme generation.

Prime Blocks is an optional, paid add-on providing ready-to-use blocks created with Prime View for faster development.

Prime View offers a range of templates for quick starts, each utilizing Prime View components for consistent updates and dependencies.

The roadmap includes a new theming API, advanced components like spreadsheet and event calendar, and RTL support in upcoming updates.

Prime View's active development ensures continuous improvement, with the team working full-time to enhance the library daily.

The Prime View team is highly engaged with the community, offering support and discussions through Discord and other channels.

Transcripts

[Music]

hello Jen thank you for having me hello

Nation uh so let's begin uh it's a

lightning talk so we don't have a lot of

time uh the topic is Prime View Next

Generation UI component Suite so uh

Prime View actually belongs to a suite

of UI libraries uh that also includes

Prime faces Prime react Prime Ang and

Prime is the latest one and uh this is

where we use all of our expertise we've

been developing these UI labs for 15

years now and Prime VI is actually the

late it's taking advantage of being the

latest one uh it's developed by Prime

Tech it's a UI component Library vendor

that's our only job we these are open

source UI libraries and all day every

day we work on these libraries we don't

do you know Consulting training

Outsource every day today we focus on

these libraries we are like 15 people

now and growing every day and thank you

for your interest in Prime View as well

the last year P The View ecosystem

finally picked the library and we are

quite enthusiastic about it and for the

future ahead so all of these libraries

have reached 1 150 million downloads and

growing and growing every

day okay so what is Prime View um we

have developed traditional libraries in

the past you know it's our only job but

this time we take a different approach

uh the approach the modotto is your

components not ours so the idea is that

usually component libraries provide you

events slots props so you are kind of

need to talk to the library maintainer

if you need something but this time we

took a different approach uh styling is

all up to you you can access the

internals at click events uh properties

yourselves without waiting for the

library maintainer for styling you can

use different CSS Li liaries you can

even use the unstyled mode and tail unoc

CSS as well so edit score it's more than

8 plus UI components uh from basic stuff

like Avatar selects and and let's say

sliders we also have advanced stuff like

data table I think it's one of the most

complex data tables around with row

expansion resizing scrolling virtualize

everything is uh Insel editing it's just

you need to go through all the demos uh

to find out

uh all of these components are open

source and free to use there's no payall

as I mentioned and accessibility has

been I think it's usually overlooked by

the you know Library vendors uh it's not

just like throwing a couple of area

attributes around I mean we've spent

like months on getting Prime View

accessibility up there with the wcg 2.2

specification and ablea compliancy we

check with different tools so we use how

to achieve this we use semantic HTML as

much as we can with the forms uh so

because native browser elements are

already accessible when you try to add

something on top of it like native

select is already accessible if you try

to add a skin on top of it to dropdown

you we still use the native HTML inside

to get the accessibility instead of

writing JavaScript to do so and in case

we don't we cannot we use the area

attributes and roles for themes uh are

we work with our design team and to make

sure that high contrast is up there and

keyboard support is of course is quite

complex to implement part for selects

tables trees uh Prime View is doing a

really nice job about

accessibility and because it's there's a

spec there's a guideline and we strictly

follow that and of course screen readers

as well uh to make sure that the

components are accessible to

everyone and as I mentioned it is um the

approach is uh customizable we have our

our our own design called prime one we

have three topnotch designers in our

theme that we work closely and uh this

is our default theme and you can also

use a bootstrap theme or a material

theme so this is the idea you the idea

is that you don't choose a library based

on the style you don't have to choose uh

a material library because just like you

need a material theme or bootstrap you

know because libraries come and go

styling changes everyone there's some

companies with their own style guides so

the idea is that the components are

functional accessible and we just put

skins on top of them and the Skins are

in styled mode or unstyled mode so to

this is the nice thing you just need to

do a switch and your application will

switch from material to your own custom

style and you don't need to write your

application over and over again with

different

libraries so the start mode lay last uh

yesterday we released AA it's our 2024

theme uh it's it's we had the Lara team

it it was decent but we it was not

enough for us because we kind of

obsessed with the look and feel and we

just release AA it will get better and

better and we will also provide more

themes so if you check out Prime you.org

uh we've just work on it over a month

and I think we're quite happy with the

results and the reception was really

good as well and in unstyled mode which

is an interesting feature of Prime View

so the usually components render some

classes like input text renders P input

text and P component this is what a

usual traditional UI Library does and if

you set OnStar to true then you just

make it transparent but it's still

functional you just the functionality

and accessibility is there but the

styles do not exist so you don't need to

go through the documentation learn about

CSS style classes try to overwrite them

and if you you if you find yourself

trying to override the CSS then maybe

it's not the best practice right because

you're trying to fight the library it's

just uh these libraries are meant to

make your life easier not harder so in

unstyled mode you're just free to go

it's like Freestyle uh but again we need

something to style them in unstyled mode

right so that's where the pass through

comes it's another um Innovative

approach usually the libraries as I

mentioned we they they you are in the

mercy of the library maintainer you just

need to go to issue Trager request a

prop send a PR request an event slot and

things like that but with Prime View

with the pass through everything is

exposed the component internals are

exposed like you can even bind events

attributes classes to the compon

internet for example in the strar we

have a PT and the root is exposed the

item is exposed for that like say list

item and clear icon so with PT you can

add classes which we will use for

styling the unstyled mode and the item

you can add area attributes data tast ID

for your favorite testing framework and

you can even add events which is not

very well known and you can do it

locally for a particular component and

you can do it globally for all the

components so that you can share

presets and pass through I I don't have

time to go through this example but it's

is quite nice I've seen a user

requesting something like they had to

clear the after filtering of the small

select compon they had to F clear the

filter after clicking the search icon

that search icon is there cosmetic

purposes right so instead of talking to

us and requesting an attribute like on

search icon click property we just uh

provided a solution where they can ACC

because with PT they can add uh events

to these search icon and they had the

access to the props and States they just

uh implemented what they required

without waiting for us so that was a

nice tutorial that you can check out the

Prime TV YouTube channel and CSS

libraries with unstyled mode we have

examples on our website if you go to the

unstyled menu there's the Bulma example

a boostrap example and the unoc CSS

examples are there where you can use

these uh libraries to style uh uh Prime

View

components tailent is special because

tailent is a nice fit to this onstyle

approach and there's it's quite there

was a demand from the community so we

had taken this another step we built

tail. Prime you.org so the components we

provide actual tail presets are actually

Global pass through

configuration that that are applied to

the uh components the nice thing is that

the components do not know that they are

being styled as tailent you know there's

a new trend of tailent based UI

libraries but uh as as a UI component Li

vendor we cannot really depend on

Tailwind it's not for everyone you know

so we need to make the libraryies fature

proof so uh this is a nice thing the

components do not know that they're

actually being styled with tail because

we use sfcs and let's say drop down.

view doesn't have any Tailwind inside so

there's also preset Gallery we are

providing new presets for Lara and Vin

and we will provide a preset for AA and

material design as well for material

number three and we have also created a

gallery where you can uh create your own

presets and share with the community you

have glass morphic design material input

material switch and things like that so

the idea is the tailet project is to

show you how can you build your own UI

Library usually the people who does it

they they usually do it for their

internal companies right so that they

can share their in-house librar so let's

assume that you like to do a custom

toggle switch based on Prime View input

switch Prime input switch handles all

the animations and the

accessibility V model integration all

the view stuff and with your own toggo

switch you can just use tail Vint and

give it a preset and the way you like it

and you can expose it with a custom Tech

like toggle switch and then the end

result which is there's a live Dem on it

if you check out the tail website you

can even just build your own uh Library

based on this and which is quite

interesting so there's a figma u k for

those who have designers in their team

VI good news uh the figma UI is there

and it's going even better uh so right

now we are integrating with the figma

tokens and figma variables and uh our

new teaming API will be based on design

tokens so the figma uh variables will

map to CSS variables so that you will be

able to generate themes directly from

figma so that your designers will be

happy because they don't need to um you

know they can get exactly the look they

need without this will be automated

let's say

so the prime blocks is an optional

add-on uh it's a paid add-on but we will

provide more free blocks for sure uh

it's like copy paste ready blocks

created with primx but we are moving it

to Tailwind to to community demand um

but uh it's up there it's optional you

can use it but we have for more than 400

blocks with application e-commerce and

things like that and there's also VD

templates if you don't if you like if

you like a starter to quickly start with

something thing we have several withd

templates and usually what I see from

other template you know on the markets

they're usually kind of blotted because

they get calendar from somewhere data

table from somewhere and you will end up

with a pack J on 100 lines and with

Prime View templates since these

templates use Prime View you will get

only Prime views of dependency and they

will be updated when the Prime View is

updated and there's also a free template

called Sakai as well from my one of my

favorite games ghost of sushima is G

Sakai that's name comes from Sakai is

free template we will provide more free

templates and blocks in the future as

well so let's R it up uh the road map is

quite busy after this talk I will go

back to work and we have a new tee

designer we had the old one but it's

removed due to the new upcoming one it

will be an application where you can log

in you can create designs export them to

figma or import them from figma or if

you don't use figma you can just use the

visual designer at uh your own designs

we already have Top Notch KNX support

with our own our own nox module but we

will take to the next level with more

further optimizations for SSR and CLI

tool has been announced today uh it's a

nice tool to get you started and it

detects it's a WID KNX or whatever and

it will get you it will install Prime

View and also it will help you to fetch

presets from giup because tailin presets

are not available on mpm due to their

nature you have to copy and paste them

and with CLI you can get it instantly as

well Advanced components we had uh the

you know as a component UI Li vendor uh

we have to do tackle some advanced stuff

as well so that was that's what we will

provide spreadsheet uh event calendar

gun chart HTML editor and flowchart all

the advanced stuff uh that will be

available as view components and the

theming API is coming out at the end of

February with a design token based

approach with primitive semantic and

comp tokens uh it will take the teeing

to the next level because you can easily

change it the teeing with CSS variables

the surfaces everything the density of

the you know spacing everything and uh

to wrap it up we will also by the end of

February we will have typography

components layout components like grit

things like that draw stepper and drag

and drop utilities will be available in

the second quarter plus uh the RTL

support as well and and I think in the

next couple of weeks we will finish the

tailin presets and start working on the

new presets like AA and material so on

behalf of my team at Prime View team uh

all of these gu guys are working on

these libraries full-time uh you can

find us on our Discord and get up

discussions we have a change your mind

recently and we are decided to more

active than ever uh so in case you have

any questions you can find me on Discord

Channel and you can find us our

discussions as well uh thank you I think

uh this year will be the year of Prime

View so stay uh keep an eye on uh the

prime VII Library thank

you thank you and such good insights we

do have a few questions for you first

off how do I properly say your name uh

it's chatai chatai okay yeah chatai I I

will work on it yeah

no problem um how does priv view compare

to other popular uh V3 UI libraries uh

as I mentioned we have different

approach uh we have it's not really

traditional we decided to expose

everything with pass through and we also

have unstyled mode uh which I don't I

don't think that you have uh seen this

is not not very seen a lot in the view

ecosystem so there are some tailent

libraries uh but Prime you also have a

different approach on this the

components don't really depend on

Tailwind you can use it with any library

and there the advanced set of the

features like the data table I think we

have one of the best data tables around

accessibility is Top Notch and the UI

look and feel has been revamped recently

and the pace of development I mean

full-time people are working on it every

day and every day Prime View is better

than the the day before so it's really

actively developed and we would like to

be the def facto stand in Prime phas St

there's a saying no one one simply

doesn't use JSF with prime faces and we

would like to have this in V EOS system

as well one simply doesn't use VJs

without Prime View we would like to be

the de facto in is the is the other than

that that will be maybe a failure for us

because we are kind of obsessed with our

work it's good to be obsessed with work

though sometimes yeah especially in UI

with all the

details yes yes and you actually my

first question was going to be about

accessibility but you covered it so and

I I loved hearing that and I think you

covered this one a bit too but like is

there a feature that you're most excited

about uh a couple of them the new teeing

API which is due in four weeks is the it

will take Prime you to the next level

with CSS variables because SS is kind of

holding us back it's not res shakable

it's statically compiled with the new

Dynamic approach the users can

dynamically change the density of the

components the surfaces primary colors

everything and it will be reactive based

on view reactivity so with one line you

will be able to change it you will be

able to share themes that's coming up

and the design W is usually exciting uh

because that users can just create their

their own designs with a tool uh the

page builder uh I briefly mentioned

maybe about the the drag and drop

Builder based on Prime View blocks and

components so that you can build UI and

the CLI tool is also exciting as well to

make our life easier and yeah it's

generally uh these these These are the

of course the tail and processess we

will provide more presets as well uh

like material so that you can with one

line of code you can change your uh

Prime View app from material to

something else or uh if you have a

design system you will be able to

implement it uh with prime as well so

many things thank you all right can

developers extend component

functionality in Prime View yeah exactly

actually the pass through is for that

purpose uh in the video that I've in my

slides that you don't need to wait for

us or you don't even need to send a PR

to change the behavior of the components

you can bind events to the component

internals because you have access to

every Dom element inside the component

you can add attributes and um you know

events and things like that you can

style them the way you like you can

extend them you can build your own UI

Library based on top of it we have

guides uh so it's like Prime us started

as a UI library but now it's kind of

going towards a u you know base

Foundation to build UI functionality

based on

view thank you you you talked a lot

about uh just like uh how does Prime

View compared to other popular uis uh

Library but um how about anything you

want to add about compared to the

benefits compared to like

VY I think beautify is uh I don't really

like is commenting on other libraries

kind of focused on artwork but I think

they viy is very popular in V2 they had

some problems with upgrading with V3 and

I think we have some we have many users

migrating from beauy so uh I think it's

based on material so material is just a

for us so you can just apply material

team and we have a data table date piers

and I think some compon are missing in

mify uh customization

accessibility um I best of good luck to

VY team uh but uh I think we are we are

kind of doing some different we are

going to a different

route thank you all right uh with is

Prime View styled uh mode similar to

like radic

view uh uh kind of yeah kind of I don't

really have a lot of experience with

radx VI RX I think radx and shat are

ported from react

ecosystem uh yeah based based on but I

think redx is too declar too much

declarative like you you write for a

simple tool tip you write popover

popover content popover Arrow blah blah

blah it's just too much content so

instead we use the PT approach you just

write tool tipe or popover just one tag

and you access to the internals with the

PT instead of writing like dialog

dialogue header dialog close icon dialog

so it's kind of similar but the core is

kind of different the idea is same I

think but the approach is

different good to know and last question

any advice for moving from uh naive UI

to Prime

View well I don't have any experience

with naive UI but uh good choice good

choice uh I think uh I I I'm not really

sure but usually uh you can just um jump

into our Discord Channel create a

question about if you need some if you

think that something is missing that is

missing that's available in N UI and

missing in Prime View as I mentioned we

have some sort of useful OCD kind of

obsessed with it we will just work on it

and make sure it's it's available in

Prime View uh but I mean we can just

talk it on a Case

basis awesome thank you so much for your

time today we greatly you for having me

thank you thank you guys take care